我們都知道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è)置樣式即可。