在CSS中使用字體是很常見的操作,可以通過在CSS文件中引入外部字體文件或在本地定義字體來實現(xiàn)。下面介紹一些方法:
1.引用外部字體文件
@font-face { font-family: myFont; src: url("myFont.otf"); } body { font-family: myFont; }
通過在@font-face中定義字體家族名稱和字體文件路徑,然后在需要使用的元素中使用font-family屬性就可以引用外部字體文件了。
2.使用本地定義的字體
@font-face { font-family: myFont; src: url("myFont.otf"); } p { font-family: myFont, sans-serif; }
在定義@font-face時,也可以使用另一個CSS屬性font-weight來指定字體的粗細(xì)程度。
3.使用web字體
@font-face { font-family: 'Open Sans'; src: url('OpenSans-Regular.ttf') format('truetype'); }
web字體是由Google和Adobe聯(lián)合開發(fā)的,目的是使字體可以跨平臺流暢地顯示。
總之,CSS引用字體的方法很多,要根據(jù)實際情況去選擇最合適的方法,從而實現(xiàn)最佳效果。
上一篇image css不變形
下一篇iis7 頁面加載css