Member Avatar for devgit2810

How can i allow a user to view a font on my webpage which is not available on his computer?
I want to learn how to use a plugin for that purpose ?

  • 7 Contributors
  • 6 Replies
  • 182 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by veera100

Recommended Answers

All 6 Replies

Member Avatar for hericles

You can use google web fonts for that. You download the font via an href to the google font location.
Here is Google's getting started guide

commented: what he said :) +13
Member Avatar for almostbob

even using google webfonts, keep it simple
use the google href, not from your own site
the added download time for a font kills user retention
fonts referenced from google may already be in the cache

Member Avatar for benwilson

you can use this code for that

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
      }
    </style>
  </head>
  <body>
    <div>Making the Web Beautiful!</div>
  </body>
</html>

This is very much helpful to you.

Member Avatar for vps9.net 
<style type="text/css">
@font-face {
    font-family: "My Custom Font";
    src: url(http://www.example.org/mycustomfont.ttf) format("truetype");
}
p.customfont { 
    font-family: "My Custom Font", Verdana, Tahoma;
}
</style>
<p class="customfont">Hello world!</p>

try this
Member Avatar for veera100

you just add the given css code to your styles.css

body{font-family: 'sanserif verdena';}
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.