vue專案引入三方字型

2022-07-09 14:03:09 字數 849 閱讀 3424

vue2專案引入三方字型

注意:前提是字型檔案沒有問題

1.新建乙個放字型的檔案font,放入字型檔案,定義乙個字型font.css

font-family:"龐門正道標題體";

/*注意 每次新增

format('embedded-opentype')都會出錯 我沒加這個為了相容ie9的format 可能是編譯的問題 */

src: url("../font/龐門正道標題體.ttf") format('truetype') ;

font-weight: normal;

font-style: normal;

}

2.在mian.js中 初始化中載入font.css

import "@/assets/css/font.css"

...

3.vue,ng,react 這類框架,庫都需要注意在打包編譯的時候是否影響

配置webpack.base.conf.js 檔案

test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,

loader: 'url-loader',

options:

}

頁面中的運用

哈哈哈...

哈哈哈

\n\n...","classes":}" data-cke-widget-upcasted="1" data-cke-widget-keep-attr="0" data-widget="codesnippet">

效果成功

使用第三方字型

修改字型 param context param root public static typeface typeface null try if root instanceof viewgroup else if root instanceof textview textview root set...

前端專案引入蘋方字型

提取密碼 6r5s 引入到專案中 font face font face font family屬性 蘋方提供了六個字重,font family 定義如下 蘋方 簡 常規體 font family pingfangsc regular,sans serif 蘋方 簡 極細體 font family ...

iOS 使用第三方字型

3 接下來就是要知道對應字型的名字fontname了。乙個字型檔案包括以下幾個內容 檔名 字型名稱 字型具體名稱,我們只有檔名,不知道字型名稱是什麼,更不知道具體的名稱,那麼我們就需要寫 獲得具體的字型名稱。方法如下 cpp view plain copy nsarray familys uifon...