【问题标题】:@font-face HattoriHanzoLight does not work@font-face HattoriHanzoLight 不起作用
【发布时间】:2012-01-05 19:15:33
【问题描述】:

我从这个网站下载了字体:

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

这是我的代码:

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

我的 html 文件和我的字体文件在同一个目录中。

为什么我仍然看到默认字体?

【问题讨论】:

  • 你把otf文件放在哪里了?你用的是什么浏览器?
  • 字体在我的 test.html 文件的同一目录中,我使用的是 firefox 8 windows 7
  • 字体系列是否必须维护引号?
  • 字体文件是否在正确的目录中?你使用的是什么浏览器?有些浏览器只接受某些字体格式
  • @bozdoz:如果姓氏由一个不带空格的单词组成,则不会。

标签: css fonts font-face


【解决方案1】:

这段代码对我有用,所以唯一不起作用的方法是因为你有;

  • 文件权限不正确
  • 文件(来自存档是大写的,而不是在您的代码中不是)
  • 您从具有invisible character 的源复制和粘贴

【讨论】:

  • 这很简单,当我从别人发给我的 Outlook 代码中复制时遇到了同样的问题
猜你喜欢
  • 1970-01-01
  • 2012-08-19
  • 2023-03-25
  • 1970-01-01
  • 2014-05-19
  • 2013-01-04
  • 2014-09-16
  • 2018-05-27
  • 2015-01-25
相关资源
最近更新 更多