Web Fonts Help...

by 3 replies
5
Hi there.

just build a site with font-family:"Adobe Garamond" looks fine on my pc as i already have the fonts on my system but is there a way adding the font files to the webserver so it the same on all pcs etc even if they dont have that font installed..

tips and hints most welcome


Wayne
#website design #fonts #web
  • Maybe you need add css style

    sample coding

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
    <HTML>
      <HEAD>
        <TITLE>Font test</TITLE>
        <STYLE TYPE="text/css" MEDIA="screen, print">
          @font-face {
            font-family: "Adobe Garamond";
            src: url("http://site/fonts/Adobe-Garamond")
          }
          H1 { font-family: "Adobe Garamond", serif }
        </STYLE>
      </HEAD>
      <BODY>
        <H1> This heading is displayed using Adobe Garamond</H1>
      </BODY>
    </HTML>
    or maybbe this site help you : CSS Fonts Module Level 3
    • [1] reply
    • like this.... dont seem to work..

      @font-face {
      font-family: "Adobe Garamond Pro";
      src: url("/fonts/AGaramondPro-Regular.otf")
      }


      .Headertext {
      font-family:"Adobe Garamond Pro";
      font-size: 18px;
      color: #333;
      font-weight:bold;
      }
      .Headertextsilver {
      color: #000000;
      font-family: "Adobe Garamond Pro";
      font-size:13px;
      }


      maintext {
      font-family:"Adobe Garamond Pro";
      font-size: 13px;
      font-style: normal;
      line-height: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      color: #333;
      }
      maintext {
      font-family:"Adobe Garamond Pro";
      font-size: 13px;
      font-style: normal;
      line-height: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      color: #333;
      }
      .bottomsection {
      font-family: "Adobe Garamond Pro";
      font-size: 13px;
      font-style: normal;
      line-height: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      color: #333;
      }

      a:link {
      color: #3F3F3F;
      text-decoration: none;
      }
      a:visited {
      color: #3F3F3F;
      text-decoration: none;
      }
      a:hover {
      color: #D4A017;
      text-decoration: none;
      }
      a:active {
      text-decoration: none;
      }
      .bottomnav {
      font-family:"Adobe Garamond Pro";
      font-size: 12px;
      font-style: normal;
      line-height: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      color: #FFF;
      }
      h1 {
      font-family:"Adobe Garamond Pro";
      font-size: 18px;
      color: #333;
      }
      h2 {
      font-family:"Adobe Garamond Pro";
      font-size: 16px;
      color: #333;
      }
      h3 {
      font-family:"Adobe Garamond Pro";
      font-size: 14px;
      color: #333;
      }
      h4 {

      font-family:"Adobe Garamond Pro";
      font-size: 12px;
      color: #333;
      }
      h5 {
      font-family:"Adobe Garamond Pro";
      font-size: 10px;
      color: #333;
      }
  • Thanks soffell,

    it working now just did some tweeks got it sorted you pushed me in thw right direction]
  • Banned
    [DELETED]

Next Topics on Trending Feed

  • 5

    Hi there. just build a site with font-family:"Adobe Garamond" looks fine on my pc as i already have the fonts on my system but is there a way adding the font files to the webserver so it the same on all pcs etc even if they dont have that font installed..