請問CSS如何調用系統沒有的字體
5 回答
森欄
TA貢獻1810條經驗 獲得超5個贊
使用css的@font-face引入服務器文件中的字體；
使用方法：
1 2 3 4 5 6 | @font-face{ font-family:ch; /*為引入的字體命名*/ src:url(../font/FZZCHJW.TTF); /*定義要引入字體文件的路徑*/ } |
HUH函數
TA貢獻1836條經驗 獲得超4個贊
1 2 3 4 5 6 7 8 9 10 11 12 13 | <style> @font-face { font-family: myFirstFont; src: url('Sansation_Light.ttf'), url('Sansation_Light.eot'); /* IE9+ */ }
div { font-family:myFirstFont; } </style> |
舉個例子，url里的就是你的字體文件的網絡位置
調用該字體時，只要調用@font-face{}里定義好的font-family名字就可以了
慕森卡
TA貢獻1806條經驗 獲得超8個贊
font-family 如果瀏覽器不支持第一個字體，則會嘗試下一個。也就是說，font-family 屬性的值是用于某個元素的字體族名稱或/及類族名稱的一個優先表。瀏覽器會使用它可識別的第一個值。
因為你第一個字體已經被調用了，所以不會調用第二個字體，如果需要中文和英文分開顯示不同的字體，你只能給中文和英文分別指定字體了。
1 2 3 4 5 6 7 8 9 | <style> .f_cn{ font-family:'蘋方'; } .f_en{ font-family:'San Francisco'; } </style> <p><span class="f_cn">中文</span<span class="f_en">english</span></p> |
- 5 回答
- 0 關注
- 930 瀏覽
添加回答
舉報
0/150
提交
取消