2012-10-18 42 views

回答

8

您可以使用CSS3's @font-face功能执行此操作。但是你必须提供必要的字体格式。

FontSquirrel的@font-face Generator是一款不错的网络工具,可为您完成所有肮脏的工作。它非常易于使用并创建所有必需的文件,包括CSS样式表和HTML示例文件。

真正有价值的是,它包含了在所有主流浏览器中显示字体所需的所有格式和黑客手段,这些操作并不那么容易。

+0

谢谢,不知道我能做到这一点与CSS叫它:) – GoodDude

2

您可以使用@字体面

在你的CSS,你的字体,将宣布使用@字体面rule.You可以指定字体,指定链接到不同格式的字体。

@font-face { 
font-family: 'MyWebFont'; 
src: url('webfont.eot'); /* IE9 Compat Modes */ 
src: url('webfont.eot?#iefix') format('embedded-opentype'), 
    url('webfont.woff') format('woff'), 
    url('webfont.ttf') format('truetype'), 
    url('webfont.svg#svgFontName') format('svg'); 
} 

在你的HTML你再使用FONT-FAMILY

body 
{ 
    font-family: 'MyWebFont', Fallback, sans-serif; 
} 
+0

谢谢:)你的例子帮助 – GoodDude