谷歌提出新的字體調用方案幫助提高中文字體的加載速度

2021-01-03 中文業界資訊站

谷歌旗下的網頁字體調用Google Fonts API旨在幫助用戶加載不同網站時復用資源達到提高加速速度的目的。目前該公司提出了新的解決方案用來提高中文字體的加載速度, 該方案主要利用機器學習對字符集進行排序。我們知道拉丁語系的網絡字體通常大小只有 100~400KB,其他寫作系統的字體大小通常只在200~600KB間。

但是中文系列的字體文件則需完整包含 44,683 個字符,這致使整個字體文件的大小介於15MB~20MB 之間。因此中文網站在調用網絡字體時會佔用伺服器帶寬資源, 同時用戶也需消耗更多的時間去加載網絡字體文件。

谷歌新的解決方案:

本次谷歌提出的新方案時按照機器學習對中文網頁進行掃描,然後再統計哪些字符可能會共同出現在網頁上。最終按照機器學習結果將44,683 個字符排列成102個切片,在瀏覽網頁時瀏覽器會按照順序加載需要的字體。

谷歌本次切片和測試的字體為 Noto Sans SC 切片版,使用切片版字體進行調用時可以極大地降低延遲時間。而谷歌Google Fonts API本身支持跨網站緩存,因此越多的網站使用切片字體用戶加載的時間就會越來越短。本次新增的切片版字體為Noto Sans SC Sliced字體文件,Noto Sans SC版不支持切片但擁有更多字體樣式。

切片字體調用說明:

@import url(//fonts.googleapis.com/earlyaccess/notosansscsliced.css);font-family: 'Noto Sans SC Sliced', sans-serif;

目前谷歌字體調用國內解析地址已經為谷歌中國BGP伺服器,如果你覺得加載緩慢還可使用中科大反向代理。地址:fonts.gstatic.com--->fonts-gstatic.proxy.ustclug.org  ||  fonts.googleapis.com--->fonts.proxy.ustclug.org (均支持HTTPS)

更多具體細節請訪問:https://fonts.google.com/earlyaccess#Noto+Sans+SC+Sliced

測試計劃:

谷歌邀請準備測試和使用切片字體的網站幫助改善切片字體技術,使CJK網頁字體的加載速度可以繼續提高。如果您的網站準備使用切片字體可以在網站頭部附加小型js庫向谷歌發送切片字體的加載以及網頁加載時間。

該庫只收集以下內容:1、下載切片字體的時間;2、下載 Google Fonts CSS 時間;3、網頁整體加載時間。如果您願意幫助谷歌改進中文切片字體技術那麼請在網頁頭部添加以下代碼:(未使用切片字體無需添加)

<script src="//fonts.gstatic.com/ea/timing/v1/mlfont.js" async></script>

相關焦點

  • 別被禁用谷歌字體加速忽悠了-判斷站點是否需要禁用谷歌字體及禁用方法
    ,能夠訪問外網的用戶使用谷歌字體體驗不會很差,此外你還需了解你的網站是否真的使用了谷歌字體,不然操作半天結果只是增加了代碼的複雜度。family=Roboto%3A400" rel="preload">檢測API上面找到含有https://fonts.googleapis.com並沒有結束,在我的網站中插入了一兩個谷歌ads廣告,也有可能它調用的谷歌字體,但是由於它是異步調用(詳解查看相關知識),所以不會影響到網站訪問速度,因為不知道是什麼調用了谷歌字體,所以需要搜索一下該段代碼所在的位置。
  • 支持簡體中文 谷歌新免費開源字體亮相
    據Google黑板報報導,Google攜手Adobe為中日韓用戶開發了一款優秀的免費開源字體:思源黑體(Source Han Sans)/Noto Sans CJK,這款字體風格介於現代和傳統之間,提供了對日、韓、中文(簡/繁體)的支持,包含了7中不同粗細大小。
  • 360網站衛士推出google字體加速方案
    最近,有網友反映稱谷歌官網域名google.com、谷歌香港google.com.hk都打不開, ping了一下google.com和google.com.hk兩個域名的伺服器情況,最後ping出來的IP位址均顯示為「美國」,也就是說谷歌香港(google.com.hk)的伺服器,已由香港轉移至美國,所以連結時間會很長,甚至斷斷續續出現請求超時的情況。
  • 免費可商用字體再添新成員「OPPOSans中文字體」分享,簡約美觀
    今天銳總ryan和大家推薦一款最新的免費可以商用的中文字體「OPPO Sans」 。19年11月20日,OPPO在北京舉行ColorOS 7發布會,宣布免費開放授權。免費開放授權的同時OPPO也強調該系列品牌字體支持商用,也就是全社會任何個人或企業均可無償獲取和使用。
  • python-docx設置中文字體
    這種形式設置字體是設置字體的一般方法,只對西文字體有效,對中文字體無效。02解決方案為了解決中文字體設置無效的問題,有的網友提出方案改進方案後段字的設置效果前段的字符,英文字符字體設置成了'Cambira',中文字符的字體設置了宋體。
  • 如何在WordPress中刪除谷歌字體(2種簡單方法)
    許多WordPress主題都會用Google字體,然而,Google字體並不存儲在網站本地,它是一個第三方資源,這會影響網站的加載速度,讓網站變慢,尤其當你的網站面向的是國內用戶時,更需要禁用Google字體。
  • 內容反爬蟲終極方案:字體加密
    字體加密反爬也就是自定義字體反爬,通過調用自定義的ttf文件來渲染網頁中的文字,而網頁中的文字不再是文字,而是相應的字體編碼,通過複製或者簡單的採集是無法採集到編碼後的文字內容!應該影響加載和渲染速度!我們知道,單純漢字就有好幾千個,如果全部放到自定義字體庫中的話,這個文件會有灰常大,幾十兆是肯定有的了,那加載肯定很慢,更糟糕的是如此之多的字體需要瀏覽器去渲染,渲染也會非常慢。為了解決這個問題,我們可以選擇只渲染少量的、部分的文字,假設50個字,那麼字體庫就會小到幾十K了,相當於一個小圖片而已。
  • 字體 | iOS10-13 全套字體 OPPO中文+Google Sans英文
    最近除了A12的12.4.1越獄快發布的消息外,也沒其他好玩的越獄新聞可以給大家分享啦,於是這兩天抽空把新上的oppo sans中文以及alex(推特Alexman)大佬新適配的Google Sans動態字重英文整理髮布一下吧。希望各位小可愛喜歡吧。
  • Disable Google Fonts Plus插件禁用谷歌開源字體庫
    由於Google Fonts字體庫等服務在國內被禁用,許多使用Google Fonts的WordPress網站打開異常困難。
  • CAD鋼筋字體加載
    換字體在我們要輸入鋼筋符號的時候怎麼解決?換字體在我們打開圖紙出現『缺少SHX文件』窗口警告時怎麼解決?換字體有一個最全字體庫就非常重要!右上角【關注】--【私信】--回復CAD!免費領取CAD最全字體庫!字體下載好之後,如何加載呢?請看下文 ↓↓↓↓.shx字體庫如何加載進CAD中?
  • 蘋果谷歌微軟Adobe罕見聯手 就為解決字體問題
    而最新的可變字體技術能夠通過實時調整,有效解決這一問題,使得文字的現實效果在各種平臺和設備上都能夠好看。這種技術還能夠節省空間,在單個文件中提供多個字體樣式。事實上可變字體的想法已經出現了很久,但現在才成為現實。匪夷所思的合作夥伴們字體問題有多大?現在蘋果、谷歌、微軟、Adobe正在合作進行研究。上周,這四家所謂的數字印刷四大平臺合作推出了可變字體技術。
  • 中文像素字體製作
    前段時間想做一款像素風的遊戲,中文像素字體就是一個繞不過去的問題。這裡記錄下我製作 12 像素字體的過程。M+ BITMAP FONTShttps://mplus-fonts.osdn.jp/mplus-bitmap-fonts/download/index.html 這是來自日本的完全免費字體,看著還蠻好看,有一部分的中文部分。2.
  • Adobe與谷歌共同發布中/日/韓開源新字體
    Adobe在線字體庫Typekityu與谷歌一起正式發布了新款開源字體:思源黑體(Source Han Sans)。這款字體由Adobe與谷歌合作開發,風格介於現代和傳統之間,提供了對日、韓、中文(簡/繁體)的支持,包含了7種不同粗細規格。
  • 這本中文字體應用手冊,會幫你敲開字體新世界之門
    《中文字體應用手冊I:方正字庫(1986 - 2017)》《中文字體應用手冊》是什麼?《中文字體應用手冊I:方正字庫(1986 - 2017)》,是新中國成立以來首部中文字體應用工具書,本書以引導讀者正確使用字體為主旨,希望成為設計、出版、廣告、動漫、網絡等行業的設計入門必備參考。本書主編、國內知名設計師楊林青表示,字體與內容的屬性、編排方式、呈現媒介、閱讀體驗息息相關。如果不了解一款字體,主觀而隨意地應用,就會違背字體的設計初衷。
  • 小米動態字體系統發布,可變字體的時代要來了?
    設計界最為熟知的圖像編輯軟體,Photoshop CC 2018、Illustrator CC 2018也已支持該技術,設計師可以使用這兩款設計軟體調用預覽使用可變字體。蘋果公司在macOS Mojave 以及最新的iOS 13系統中引入了深色模式,深色模式使用了一種較深的配色方案,蘋果用戶在系統偏好設置中選擇此模式後,整個系統,包括Mac隨附的應用,以及第三方應用的外觀都將全局性切換為深色背景,幫助用戶在系統上專注開展工作。
  • 如何提升Shopify和SHOPYY系統的訪問速度,並提高谷歌評分
    如何提高獨立站的打開速度,是每個跨境電商賣家需要面臨的難題。關於網速優化的文章有很多,但大多是隔靴搔癢,始終說不到點上,今天SHOPYY帶你了解它的運作原理和優化技巧。 首先我們找到一個國外大賣通過shopify系統建的網站,並通過谷歌一款測試網速的工具(developers.google.com)進行測試,如圖所示,評分竟然只有20分!(100分滿)。
  • Web 中文字體性能優化實踐
    Web 項目中,使用一個適合的字體能給用戶帶來良好的體驗。但是字體文件這麼多,如果設計師或者開發人員想要查詢字體,只能一個個打開,非常影響工作效率。我負責的平臺項目剛好需要實現一個功能,能夠支持根據固定文字以及用戶輸入預覽字體。
  • 高通多字號字體點陣字庫解決方案 — 中文字體效果支持12/16/24/32...
    打開APP 高通多字號字體點陣字庫解決方案 — 中文字體效果支持12/16/24/32點陣 發表於 2019-10-31 22:43:20
  • 小米動態字體系統發布,可變字體的時代要來了?
    設計界最為熟知的圖像編輯軟體,Photoshop CC 2018、Illustrator CC 2018 也已支持該技術,設計師可以使用這兩款設計軟體調用預覽使用可變字體。首先,可變字體的無極變化能夠為多層級信息的排版提供不同風格和效果的字體樣式,可變字體將為頁面帶來更為自由的設計空間,讀者同時可以體驗更為流暢的閱讀環境;其次,因為可變字體的文件大小相較於家族字體有明顯的壓縮,更小的字體文件大小意味著更少的伺服器相應次數、更低的帶寬要求,頁面的加載時間將明顯縮短。
  • Adobe與谷歌推出開源字體「思源黑體」
    2014-07-17/09:15 7月17日消息,據國外媒體報導,Adobe宣布與谷歌合作推出開源字體