Question

这让我感到疯狂我通过@ font-face运行了区域薄字体并获得了套件但是与套件内部相比它看起来不太正确。我似乎遵循了正确的过程，因为我使用的其他字体都已正确呈现。我究竟做错了什么？我注意到'＆amp;'看起来也不正确。这是我的代码的一个例子。

@font-face {
font-family: 'district_prothin';
src: url('../fonts/distproth-webfont.eot');
src: url('../fonts/distproth-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/distproth-webfont.woff') format('woff'),
     url('../fonts/distproth-webfont.ttf') format('truetype'),
     url('../fonts/distproth-webfont.svg#district_prothin') format('svg');
font-weight: normal;
font-style: normal;

}

h2 { font-size: 8.9em; font-family: district_prothin, sans-serif; font-weight: normal; text-align: center; }

Answer 1

您是否在本地计算机上安装了具有相同名称的字体？如果是这样，请尝试重命名字体系列（声明和使用）......

@font-face {
  font-family: 'Some Random Name';

  /* ... */

font-family: 'Some Random Name', sans-serif;

否则，请查看此博文http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/。试着像这样嵌入你的字体。一直对我有用......

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('☺'),
         url('GraublauWeb.woff') format('woff')

@ font-face issue - 字体与套件内的字体看起来不一样

1 个答案: