myfaces-html5-demo/src/main/webapp/resources/style/text.css

/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

@CHARSET "ISO-8859-1";

    @font-face {
      /* Medium */
      font-family: "Didact GothicMedium";
      src: local('Didact GothicMedium'), url( #{resource['style:DidactGothic.otf']} ) format('opentype');
      font-weight:  500;
      font-style:   normal;
      font-variant: normal;
      font-stretch: normal;
    }

    @font-face {
      /* Regular */
      font-family: "Nova Font FamilyRegular";
      src: local('Nova Font FamilyRegular'), url( #{resource['style:NovaSquare.ttf']} ) format('truetype');  
      font-weight:  400;
      font-style:   normal;
      font-variant: normal;
      font-stretch: normal;
    }
    
    .fontedText, .fontedHeader{
        font-family: 'Didact GothicMedium';
    }
    
    .reflectedText
    {
        -webkit-box-reflect: below 1px -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(255, 255, 255, 0.179688))) 0 0 0 0 stretch stretch;
        text-shadow: rgba(0, 0, 0, 0.5) 0 5px 5px;
    }