久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

26
2023/08

CSS如何引入與使用外部字體

發(fā)布時(shí)間:2023-08-26 15:32:36
發(fā)布者:MaiMai
瀏覽量:
0

我們都知道css中的font-family屬性是用來規(guī)定元素的字體系列的屬性,可以指定一個(gè)元素的字體。但我們要設(shè)置的字體形式必需是在Windows字體庫(kù)中有的,否則不會(huì)生效。假若我們想使用外部字體,如何讓這種字體在客戶的瀏覽器中正常顯示呢?

首先需要在電腦上下載有關(guān)字體的安裝包,以.otf或.ttf為后綴的,具體請(qǐng)自行下載。

接著我們需要在index.vue同級(jí)建立一個(gè)font文件夾,將下載好的字體文件放到font文件夾下。

引入安裝包

然后,在你需要使用自定義字體的頁(yè)面引入該字體。推薦在公共樣式中寫入。

引入字體樣式

接著只需要給全部頁(yè)面設(shè)置該字體屬性即可。

字體屬性修改

若只想給一部分文字設(shè)置該字體屬性,給要修改字體的類名設(shè)置樣式即可。

DOM結(jié)構(gòu)

具體類名修改樣式

關(guān)鍵詞:
返回列表