如何使用@font-face自定义网页字体

下面简单介绍一下使用@font-face自定义网页字体

使用@font-face网页可以嵌入任何字体，但浏览器的对不同的字体有不同要求，下面罗列一下字体的兼容性：

如何获得@font-face呢？下载免费的@font-face的网站：

http://www.fontsquirrel.com/fontface

或者在线转成成多个字体格式：http://onlinefontconverter.com/

@font-face css代码如下：

[css]

 

@font-face {
font-family: 'qdqlnet'; /*给自定义字体命名*/
src: url('qdqlnet.eot');
src: url('qdqlnet.eot?#iefix') format('eot'),
url('qdqlnet.woff') format('woff'),
url('qdqlnet.ttf') format('truetype'),
url('qdqlnet.svg#webfontjKg17VrE') format('svg');
}

[/css]

其中qdqlnet就是自定义字体的名称，至于网页的调用字体就使用义font-family：qdqlnet就可以定义了。