<output id="jbxdv"></output>

      1. 什么是在線字體

        • 2018-07-12 19:01:33
        • 閱讀次數:
        • 作者:盈嵐科技小編
        • 來源:http://www.freenetsites.com

        在線字體

        在線字體又叫web font或網絡字體,是CSS3中的一個模塊,主要是把自定義的特殊字體嵌入到網頁中。

        免安裝、免下載、直接在線使用。

        由于設計的需要,網站中難免會用到一些比較特殊的字體(如方正字庫)來裝飾我們的網站,讓其更加美觀,我們可以用CSS的font-family屬性來設置文本字體。然而設置的字體如果是用戶的電腦上沒有安裝的字體,那么對不起,文字將以宋體呈現,這大大的影響了用戶體驗。

        我們經常能看到國外的一些網站使用了非常漂亮的字體,而這些字體通常在用戶的電腦中是沒有安裝的,如何實現的?如何讓特殊字體在網頁客戶端顯示?目前方案有兩種:

        制作圖片嵌入網頁。

        引用在線字體。

        第一種方案生成圖片是現在主流的中文字體解決方案,但是有很大的缺陷,維護麻煩、不利于SEO。

        第二種方案在線字體是一種創新的解決方案,在國外已經相當流行,包括Google fonts、Adobe typekit等知名服務商。

        通過上傳字體文件到指定目錄,然后在CSS中用規定格式進行引用就可以使字體效果躍上你的頁面了,使網頁用字不再受客戶端影響。

        這么酷的東東,為什么以前都不曾了解?

        因為中文字體過于龐大,小則三五兆,大則十幾兆,所以在線字體只流行于英文網站,雖然中文網頁設計師望眼欲穿,但也無可奈何。臨淵羨魚,不如退而結網,而現在我們通過按需截取的方式生成小字庫,可以小到幾十K,甚至幾K,終于有效控制了字體文件的大小,使中文也加入了網絡字體的陣營。

        國內主流瀏覽器都支持嗎?比如:IE、360、搜狗、火狐、chrome、safari、Opera。答案是:YES!!

        了解瀏覽版本支持詳情

        360安全瀏覽器1.0及以上    支持    

        360極速瀏覽器1.0及以上    支持    

        搜狗瀏覽器1.0及以上    支持    

        Chrome3.0及以上    支持    

        FireFox3.5及以上    支持    

        Safari3.1及以上    支持    

        Android2.2及以上    支持    

        IOS4.2及以上    支持    

        在線字體的優勢

        不是圖片,是文字

        不是生成圖片,而是使用真正的文本,您可以像文本一樣復制粘貼?,F在國內已有一些將中文字體做成圖片的網站,但是這種方法有太多弊端,我們摒棄這種即將被淘汰的方法,讓中文也能像國外網站中的英文一樣在線使用。

        優化搜索引擎排名

        雖然圖片也可以呈現中文字體,但是Google、百度等搜索引擎無法辨認出圖片的文字內容,無法搜索到網站相關內容。 使用網絡字體(web font),則是呈現的真實的文字,無論是標題、內容都適合引用。

        無級縮放不模糊

        圖片在放大和縮小的過程中會產生變形或馬賽克,網絡字體(web font)采用的是矢量字體,支持無級縮放,不管放多大或縮再小都不會產生變形或模糊,給用戶一致的體驗。

        改善使用體驗

        圖片在高分辨率的視網膜屏幕中,常遇到分辨率不足的狀況;網頁字體則以矢量字在網頁中真實呈現,根據瀏覽分辨率做實時的字體描繪,無論放大到任何尺寸都能清晰分明。

        編輯更方便,維護更簡單

        圖片每次都得重新編輯和生成,哪怕是一個字的更改,耗費人力和時間,擴展很不方便,而在線字體(web font)是真正的文字,隨時可添加更改,這節約的不只是人力成本,更是時間成本。

        Font Awesome-一套絕佳的圖標字體庫和CSS框架

        Font Awesome為您提供可縮放的矢量圖標,您可以使用CSS所提供的所有特性對它們進行更改,包括:大小、顏色、陰影或者其它任何支持的效果。

        一個字庫,675個圖標

        僅一個Font Awesome字庫,就包含了與網頁相關的所有形象圖標。

        無需依賴JavaScript

        Font Awesome完全不依賴JavaScript,因此無需擔心兼容性。

        無限縮放

        無論在任何尺寸下,可縮放的矢量圖形都會為您呈現出完美的圖標。

        如言語一般自由

        Font Awesome完全免費,哪怕是商業用途。請查看許可。

        CSS控制

        只要CSS支持,無論顏色、大小、陰影或者其它任何效果,都可以輕易展現。

        高分屏完美呈現

        Font Awesome的矢量圖標,將使您的網站在視網膜級的高分屏上大放異彩。

        當前文章標題:什么是在線字體

        當前URL:http://www.freenetsites.com/news/wzzz/what-web-font.html

        上一篇:在網站設計中正確運用HTML標簽

        下一篇:昆明做網站要多少錢?(一)對重新做網站前需要思考的問題

        網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
        国产成人亚洲综合无码
        <output id="jbxdv"></output>