【发布时间】:2012-07-27 01:00:28
【问题描述】:
我想从我的“样式”文件夹中添加一个新字体,类型为 .ttf 到页面。 将所有文本字体更改为该字体的 CSS 代码是什么?
我认为这只是语法问题,因为我知道这很好用:
body {font-family: verdana;}
所以基本上,如何将它指向我的字体文件?
【问题讨论】:
-
您的所有用户都将在他们的计算机上安装该字体吗?
我想从我的“样式”文件夹中添加一个新字体,类型为 .ttf 到页面。 将所有文本字体更改为该字体的 CSS 代码是什么?
我认为这只是语法问题,因为我知道这很好用:
body {font-family: verdana;}
所以基本上,如何将它指向我的字体文件?
【问题讨论】:
我相信您正在寻找 font-face 支持的src attribute。更多知识请看网址http://www.w3.org/TR/css3-webfonts/#src-desc
<style type="text/css">
@font-face {
font-family: "The Example Font";
src: url(http://www.examplefonts.com/example.ttf) format("truetype");
}
div.ExampleFont {
font-family: "The Example Font", Verdana;
}
</style>
<div class="ExampleFont ">I am using the Example Font</div>
【讨论】:
您不能从 Web 应用程序中引用字体文件。您只能使用保证已安装在所有计算机上的字体或使用类似Google Web Fonts 的字体。然后,您将 use CSS,就像您已经必须使用 CSS 选择器应用字体一样。
【讨论】:
@font-face关于谷歌网络字体的公告。 @font-face 将退出该行业。
@import 他们的 CSS。
Microsoft 有一个Web Embedding Font Tool,可以让您嵌入字体。这里也有一个tutorial 说明如何使用它。
【讨论】: