What sites provide public web font libraries to link to?

StackOverflow https://stackoverflow.com/questions/4237247

  •  26-09-2019
  •  | 
  •  

Question

Are there any sites except google that provide a library that one can link directly to in your css file?

Like google-webfonts @font-face so that they're hosting, and no local files for you.

{
    font-family: 'Yanone Kaffeesatz';
    font-style: normal;
    font-weight: 400;
    src: url('http://themes.googleusercontent.com/font?kit=YDAoL...JF4')
         format('truetype');
}
Was it helpful?

Solution

There is Typekit ( http://typekit.com/ ), but it isn't free.

OTHER TIPS

If you're after Japanese fonts, M+ fonts allow hot-linking and have instructions on how to do so on their site:

http://mplus-fonts.sourceforge.jp/webfonts/index-en.html

The license is open & free:

Unlimited permission is granted to use, copy, and distribute it, with or without modification, either commercially and noncommercially

You didn't specify a particular language - and these fonts do have english characters in their font sets as well.

There's actually a fairly large number of services like Typekit, just less well-know. However, like Typekit, almost all of them are paid services that require a monthly charge to use.

Smashing Magazine recently published a list of these services, which you can see here: Review of Popular Web Font Embedding Services

How about google web font?

Here's the tutorial on how to apply it.

And here's an example of it.

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

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top