@font-face設置多個字體

如果要設置多個字體呢？語法該怎么寫？

慕粉ZhiChengChen

2016-06-13

源自：十天精通CSS3 4-2

關注問題我要回答

4329

操作

收起

2 回答

西市路1號
2016-06-14

不能給一個文字設置多個字體吧。但可以設置多個不同類型的字體文件，因為不同類型的瀏覽器可能支持的字體文件不同。

像這樣：

@font-face { font-family: 'YourWebFontName';
? ? ? ? ? ? ? ? ? ? src: url('YourWebFontName.eot?') format('eot');/*IE*/
? ? ? ? ? ? ? ? ? ? src:url('YourWebFontName.woff') format('woff'), url('YourWebFontName.ttf') format('truetype');/*non-IE*/
? }