Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

@font-face HattoriHanzoLight does not work

I downloaded the font from this site:

http://www.fontsquirrel.com/fonts/Hattori-Hanzo

Here's my code:

<style type="text/css">
    @font-face {
    font-family: 'HattoriHanzoLight';
    src: url('hattori_hanzo.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
</style>
</head>
<body style='font-family: HattoriHanzoLight; font-size: 19px;'>
content
</body>

My html file and my font file are in the same directory.

Why do I still see the default font?

like image 313
ana Avatar asked Nov 24 '11 16:11

ana


1 Answers

This code is working for me so the only way this won't work is because you either have;

  • the file permission is not correct
  • the file (from the archive is capitalize and not in your code is not)
  • you copy and paste from a source that has an invisible character
like image 111
E.G. Avatar answered Oct 17 '22 23:10

E.G.