使用CSS3 / HTML5的自定义字体？ [英] Using a custom font with CSS3/HTML5?

问题描述

我有这个代码在我的CSS样式表（链接到我的index.html，当然）的开始：

  @ font-face {
 font-family：Calibri; 
 src：local（Calibri），local（Calibri），url（fonts / Calibri-Bold.otf）format（truetype）; 
} 
  

我使用的是：

  #id {
 font-family：Calibri，Verdana，Arial，sans-serif; 
} 
  

但它仍然不工作。我的代码有什么问题？

解决方案

RESOLVED：它支持TTF / p>

I have this code in the beginning of my CSS stylesheet (linked to my index.html, of course):

@font-face {
    font-family: "Calibri";
    src: local("Calibri"), local("Calibri"), url("fonts/Calibri-Bold.otf") format("truetype");
}

And i'm using:

#id {
font-family: Calibri, Verdana, Arial, sans-serif;
}

But it still doesn't work. What's wrong with my code?

解决方案

RESOLVED: it supports TTF (not OTF) files.

这篇关于使用CSS3 / HTML5的自定义字体？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！