Question

我一直在尝试使用自定义字体＆＃39; anders＆＃39;在我的CSS中，但不明白它为什么不能工作。

这是我的代码：

@ font-face { font-family：＆＃39; andersregular＆＃39 ;; `src：url（＆＃39; Anders-webfont.eot＆＃39;）; } h1 { ``字体家庭：＆＃39; andersregular＆＃39 ;; }

我很感激任何帮助。

Answer 1

EOT字体文件格式仅供IE使用。您使用的是其他浏览器吗？您需要包含更多格式才能支持其他浏览器。

您希望使用Font Squirrel Web Font Generator等服务将字体转换为其他必要的格式

并以这种方式包含其他格式：

@font-face {
  font-family: 'andersregular';
  src: url('Anders-webfont.eot'); /* IE9 Compat Modes */
  src: url('Anders-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Anders-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('Anders-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('Anders-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('Anders-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

使用自定义字体的问题

1 个答案: