pt游戏大厅-CSS3嵌入字体@font-face调用字体(思源宋体regula/PingFangSC/ttf/woff)

@font-face可以实现从服务器端加载pt游戏大厅,所有浏览器中使用的pt游戏大厅就可以不受本地pt游戏大厅的限制。@font-face真的不是什么新鲜玩意,早在2001年时就被提出来,只不过近两年才被各浏览器广泛支持。而且各浏览器支持的pt游戏大厅文件pt游戏大厅也可能不同,一般来说如下四种pt游戏大厅可覆盖所有浏览器。

eot:该pt游戏大厅仅在老版本的IE中使用

ttf:(TrueTypeFont)是Apple公司和Microsoft公司共同推出的pt游戏大厅文件pt游戏大厅,随着windows的流行,已经变成最常用的一种pt游戏大厅文件表示方式,支持的浏览器很多。

svg:(ScalableVectorGraphics)该pt游戏大厅可能最早在IOS设备上被支持,没有ttfpt游戏大厅使用的广泛。

woff:(WebOpenFontFormat)是一种网页所采用的pt游戏大厅pt游戏大厅标准。此pt游戏大厅pt游戏大厅发展于2009年,现在正由

第一步,在

@font-face {/* font-test*/font-family: tonjay;src:url('font/tonjay-web.woff'),url('font/tonjay-web.ttf'),url('font/tonjay-web.eot'); /* IE9 */}

font-family定义pt游戏大厅的名字,接下来的src是加载pt游戏大厅文件的位置,之所有有多个url就是因为浏览器兼容问题。

第二步,使用刚刚定义的pt游戏大厅,如下:

Webkit/Safari(3.2+):TrueType/OpenTypeTT(.ttf)、OpenTypePS(.otf);

Opera(10+):TrueType/OpenTypeTT(.ttf)、OpenTypePS(.otf)、SVG(.svg);

InternetExplorer:自ie4开始,支持EOTpt游戏大厅的pt游戏大厅文件;ie9支持WOFF;

Firefox(3.5+):TrueType/OpenTypeTT(.ttf)、OpenTypePS(.otf)、WOFF(sinceFirefox3.6)

GoogleChrome:TrueType/OpenTypeTT(.ttf)、OpenTypePS(.otf)、WOFFsinceversion6

由上面可以得出:.eot+.ttf/.otf+svg+woff=所有浏览器的完美支持。

另外一种方法:

1.下载SourceHanSansCN-Regular.TTF

2.解压得到左边文件

3.找到在线font-face生成器

根据提示上传 SourceHanSansCN-Regular.TTF

可以得到以下文件:

4.引入项目

在需要的地方引入.css文件;