亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

Web引用中文個(gè)性字體

nemo / 2370人閱讀

摘要：最近在前端開發(fā)時(shí)，因?yàn)樵O(shè)計(jì)的原因，要引用一些特殊字體格式，但是后來發(fā)現(xiàn)這些字體文件非常大，平均每個(gè)要左右，嚴(yán)重影響了網(wǎng)頁效率。

最近在前端開發(fā)時(shí)，因?yàn)樵O(shè)計(jì)的原因，要引用一些特殊字體（otf格式），但是后來發(fā)現(xiàn)這些字體文件非常大，平均每個(gè)要8mb左右，嚴(yán)重影響了網(wǎng)頁效率。經(jīng)過一番搜索，發(fā)現(xiàn)了前端字體壓縮工具（只支持utf-8格式）font-spider.

font-spider介紹

具體介紹可以查看，http://font-spider.org/index....

安裝

先安裝好 NodeJS，然后執(zhí)行：npm install font-spider -g

使用 
/*聲明 WebFont*/
@font-face {
  font-family: "pinghei";
  src: url("../font/pinghei.eot");
  src:
    url("../font/pinghei.eot?#font-spider") format("embedded-opentype"),
    url("../font/pinghei.woff") format("woff"),
    url("../font/pinghei.ttf") format("truetype"),
    url("../font/pinghei.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*使用選擇器指定字體*/
.home h1, .demo > .test {
    font-family: "pinghei";
}

@font-face 中的 src 定義的 .ttf 文件必須存在，其余的格式將由工具自動(dòng)生成
所以，一定要有ttf格式字體，如果是其他類型的，可以在線轉(zhuǎn)換https://www.fontke.com/tool/c...

生成字體

運(yùn)行 font-spider ./demo/*.html命令

然后就能發(fā)現(xiàn)，壓縮好的字體都很小，只有幾k

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/115865.html

相關(guān)文章

  • Web引用中文個(gè)性字體

    摘要：最近在前端開發(fā)時(shí)，因?yàn)樵O(shè)計(jì)的原因，要引用一些特殊字體格式，但是后來發(fā)現(xiàn)這些字體文件非常大，平均每個(gè)要左右，嚴(yán)重影響了網(wǎng)頁效率。 最近在前端開發(fā)時(shí)，因?yàn)樵O(shè)計(jì)的原因，要引用一些特殊字體（otf格式），但是后來發(fā)現(xiàn)這些字體文件非常大，平均每個(gè)要8mb左右，嚴(yán)重影響了網(wǎng)頁效率。經(jīng)過一番搜索，發(fā)現(xiàn)了前端字體壓縮工具（只支持utf-8格式）font-spider. font-spider介紹 具體...

    EdwardUp 評(píng)論0 收藏0

  • 博客引入漂亮字體二三事

    摘要：火狐推遲對(duì)字體的支持，重點(diǎn)放在格式上。網(wǎng)絡(luò)字體的效率字體文件的體積可能非常的大尤其是對(duì)于漢字，而且需要額外的連接，這些都會(huì)降低網(wǎng)站頁面的加載速度。 最近興致上來，就想更換了那Blog標(biāo)題字體(漢字的)；網(wǎng)上搜索了一番，發(fā)現(xiàn)蘇新詩柳繁體這款甚合我心；然后就著手搞將了起來，分分鐘也算是替換了；但，這僅僅是此次折騰的開始；這就細(xì)細(xì)道來作為學(xué)習(xí)筆記記載。 原文首發(fā)鏈接http://www.je...

    Pocher 評(píng)論0 收藏0

  • 博客引入漂亮字體二三事

    摘要：火狐推遲對(duì)字體的支持，重點(diǎn)放在格式上。網(wǎng)絡(luò)字體的效率字體文件的體積可能非常的大尤其是對(duì)于漢字，而且需要額外的連接，這些都會(huì)降低網(wǎng)站頁面的加載速度。 最近興致上來，就想更換了那Blog標(biāo)題字體(漢字的)；網(wǎng)上搜索了一番，發(fā)現(xiàn)蘇新詩柳繁體這款甚合我心；然后就著手搞將了起來，分分鐘也算是替換了；但，這僅僅是此次折騰的開始；這就細(xì)細(xì)道來作為學(xué)習(xí)筆記記載。 原文首發(fā)鏈接http://www.je...

    Michael_Lin 評(píng)論0 收藏0

  • PDF文件預(yù)覽項(xiàng)目選型

    摘要：文件預(yù)覽項(xiàng)目選型文件在線預(yù)覽有多種方式，目前使用較多的有種。中文支持較好，沒有亂碼問題。在線示例中文文檔可以將轉(zhuǎn)換成，并且可以在中精確顯示原生文本包括在中的字體顏色位置，可以選擇搜索復(fù)制等，可選單文件輸出。缺點(diǎn)文件過大可能會(huì)出現(xiàn)瀏覽器卡死。 PDF文件預(yù)覽項(xiàng)目選型 PDF文件在線預(yù)覽有多種方式，目前使用較多的有3種：pdf2swf、pdf2image、pdf2html。這3種方式各有優(yōu)...

    Scott 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

nemo

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<