国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

中文字體@font-face的導入

番茄西紅柿 / 743人閱讀

摘要：既然中文字體很難轉換，那么還有什么方法可以解決這個問題嗎答案是有的。進入網(wǎng)址查找自己需要的字體，如思源黑體點擊免費使用點擊模式輸入文字，點擊生成之后，就可以看到轉換為思源黑體的字了，同時我們還可以發(fā)現(xiàn)一個樣式表的地址。

由于英文字母只有26個，所以生成.eot、.woff、.ttf、.svg等文件是比較小的，也就十幾KB而已。但是對于漢字來說，常用的漢字就已經(jīng)2500個了，生成的文件一般要2-3MB，如此龐大的包對頁面的加載時非常不利的，因此網(wǎng)絡上那些@font-face格式轉換網(wǎng)站一般都不支持中文字體格式的轉換，比如字客網(wǎng)、在線字體轉換工具等等，這些網(wǎng)站上面看似可以轉換@font-face，但其實都是欺騙感情的，太大的文件上傳不了到這個網(wǎng)站，或者是轉化出來的文件根本就沒有效果。
既然中文字體很難轉換，那么還有什么方法可以解決這個問題嗎？答案是有的。
既然2500個字太多了，那么我們?yōu)槭裁匆欢ㄒ堰@些字體全部都轉換了呢？我們轉換我們在界面顯示的時候需要的文字不就可以了嗎？生成一個字體庫，比如我需要在網(wǎng)頁以“思源黑體”的字體顯示“中文字體轉換”這幾個字，那么我們就生成這幾個字的“思源黑體”字體庫，這樣就大大減小了字體包的大小了。
終于，在我的不辭辛勞之下，確認過眼神，終于發(fā)現(xiàn)一個網(wǎng)站"有字庫"，就是這么做的。
進入網(wǎng)址查找自己需要的字體，如“思源黑體Regular”

點擊免費使用

點擊CSS模式

輸入文字，點擊生成之后，就可以看到轉換為“思源黑體Regular”的字了，同時我們還可以發(fā)現(xiàn)一個樣式表的地址。

選中這個地址然后訪問，我們可以看到一串@font-face{}代碼，這就是我們想要的。

@font-face {
    font-family: SiYuanRegular11ee5a9d511cc1a;  /*自定義字體名稱*/
    src: url(//cdn.webfont.youziku.com/webfonts/nomal/117786/46827/5af4046ff629dd11a4d2bb8d.gif?r=74334960047);
    src: url(//cdn.webfont.youziku.com/webfonts/nomal/117786/46827/5af4046ff629dd11a4d2bb8d.gif?r=74334960047?#iefix) format(embedded-opentype),/*IE6-IE8*/
    url(//cdn.webfont.youziku.com/webfonts/nomal/117786/46827/5af4046ff629dd11a4d2bb8d.png?r=74334960047) format(woff2),
    url(//cdn.webfont.youziku.com/webfonts/nomal/117786/46827/5af4046ff629dd11a4d2bb8d.bmp?r=74334960047) format(woff),/*現(xiàn)代所有瀏覽器*/
    url(//cdn.webfont.youziku.com/webfonts/nomal/117786/46827/5af4046ff629dd11a4d2bb8d.jpg?r=74334960047) format(truetype);/*Safari、Android、iOS*/
    font-weight: normal;
    font-style: normal;
}

切記，需要在每個url里面加上http:，不然請求肯定錯誤。
接下來就可以在需要的地方使用這種字體了！



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

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/2272.html

相關文章

  • AT - 規(guī)則：@import，@media 和 @font-face

    摘要：規(guī)則它現(xiàn)在被廣泛用作在網(wǎng)頁中嵌入字體。支持新的規(guī)則，但是僅支持類型的字體。規(guī)則規(guī)則用來導入其它的文件。規(guī)則必須被放置在一個樣式表的頂部，在任何其他規(guī)則上面。規(guī)則可用于樣式應用到一個特定的媒體，如印刷品。 font-face 規(guī)則 @font-face 它現(xiàn)在被廣泛用作在網(wǎng)頁中嵌入字體。 @font-face { font-family: font of all knowledg...

    levy9527 評論0 收藏0

  • Web字體的初探

    摘要：字體的初探一，字體基本概念的介紹字體的分類襯線體襯線在印刷的文字中襯線字體對于人眼的辨識更輕松，閱讀更舒服橫細豎粗，開始和結束的地方有裝飾。無論是還是下，不指定網(wǎng)頁的中文字體時，默認的就是宋體。 Web字體的初探 一，字體基本概念的介紹 1.1 字體的分類 1.1.1 Serif（襯線體） Serif（襯線）：在印刷的文字中襯線字體對于人眼的辨識更輕松，閱讀更舒服橫細豎粗，開始和結束...

    luckyyulin 評論0 收藏0

  • ionic3開發(fā)——記一個使用自定義icon的方法

    摘要：最近在使用和開發(fā)一款。期間遇到如何在項目中使用自定義圖標字體文件的問題，經(jīng)過研究，找到了一個解決方法，記錄一下。然后，書寫一份文件，內容如下字體名和路徑等等，根據(jù)需要自定義就可以了。 最近在使用ionic3和Angular開發(fā)一款App。開發(fā)體驗還是挺好的。期間遇到如何在項目中使用自定義圖標字體文件的問題，經(jīng)過研究，找到了一個解決方法，記錄一下。 問題描述 ionic項目提供了一套豐富...

    Rindia 評論0 收藏0

  • ionic3開發(fā)——記一個使用自定義icon的方法

    摘要：最近在使用和開發(fā)一款。期間遇到如何在項目中使用自定義圖標字體文件的問題，經(jīng)過研究，找到了一個解決方法，記錄一下。然后，書寫一份文件，內容如下字體名和路徑等等，根據(jù)需要自定義就可以了。 最近在使用ionic3和Angular開發(fā)一款App。開發(fā)體驗還是挺好的。期間遇到如何在項目中使用自定義圖標字體文件的問題，經(jīng)過研究，找到了一個解決方法，記錄一下。 問題描述 ionic項目提供了一套豐富...

    myshell 評論0 收藏0

  • HTML與CSS中的文本個人分享

    摘要：文本標題元素注意在一個頁面中最好只使用一個標題因為瀏覽器只會抓取一個多了沒用示例代碼標題元素元素默認效果是顯示最大顯示最小默認效果是由瀏覽器自帶樣式提供可以通過進行修改每個標題元素是獨占一行并且是垂直排列在實際開發(fā)中常用的標題元素最 文本 標題元素 注意: 在一個HTML頁面中最好只使用一個標題 因為瀏覽器只會抓取一個多了沒用 示例代碼: 一花一世界 一葉一孤城 娃哈哈 爽歪歪...

    MartinHan 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<