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]
Join the discussion

Next Topics on Trending Feed

  • 5

    Web Fonts Help...

    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..