網站字體加載失敗?有6種可能性原因
日期:2016/6/28 / 人氣:
印刷術起著網站設計的成功具有重要作用,但它是很難有很大的排版設計,如果你選擇的字體不上你的網站甚至加載。
如果您的網絡字體,而不是“網絡安全”或系統字體被從網站訪問者的計算機加載,有許多事情可能出錯頁面加載時。如果你的傳球缺少一些字體,這里有一些你應該看看到時可能的原因,測試這些頁面和解決的問題。
1.不正確的文件路徑
當您使用@字體面對Web字體加載到一個網站,要鏈接到的字體文件一樣,該網站使用(圖片,腳本,樣式表等),你會其他資源。這意味著,對這些文件的路徑必須以正確的字體,以正常加載。在調試的字體加載問題第一步是確保您指定的文件路徑是正確的。
2.字體名稱拼寫錯誤
當你檢查你的字體文件的文件路徑,也請確保您拼寫正確字體的名稱。
很多字體都非常不尋常的名字,這是很容易使一個拼寫錯誤,這將打破你的網站的排版。
檢查拼寫的準確性另一個地方是在你的網站的CSS文件。當您在這些風格中引用的字體名稱,請確保您使用的是正確的名稱和是否已正確拼寫。根據我的經驗,不正確的名稱或拼寫錯誤是字體加載問題的最常見原因。
3.字體文件丟失
如果你的字體文件的路徑是正確的,所有的名字都拼寫正確,下一個項目是檢查以確保文件本身實際上是Web服務器,他們應該是。忘了將文件上傳到服務器時,推出了一個網站是另一種常見的錯誤,人們作出。這也是一個很容易之一來解決-你只需上傳這些文件并如期網站應該載入的文件。
4.跨域問題
如果您已檢查上面列出的最簡單的情況(占大多數字體加載問題)和字體仍然沒有工作,那么有可能是一個更大的問題發生。其中的一個問題可能是跨域問題與字體的加載。
出于安全原因,瀏覽器限制跨域加載請求。這意味著,如果你正在訪問一個域,和字體是另一種,有可能是一個加載的問題。像Typekit和谷歌的字體流行的字體服務,因為它們在其響應的訪問控制允許來源頭部沒有這個問題。這使得他們的字體將在您的網站加載,即使來自不同的領域。凡我看到這個跨域問題發生的是,當你的字體是從裝載www.yourwebsite.com有人訪問的頁面不使用“www”的子域(他們只是要yourwebsite.com,他們離開“WWW”時關閉他們鍵入瀏覽器的URL)。盡管這些都訪問相同的域,子域的變化導致一些瀏覽器以不同的方式看待他們,并阻止訪問的字體。為了解決這個問題,可以添加訪問控制-Origin標,或者你可以簡單地轉發所有的流量均進入一個submdomain其他替代。例如,與我部署網站,我總是指示任何流量是不包括“www”的子域擁有它的人。這修正了對這些網站的任何跨域加載問題。
5.網站托管字體是向下
如果從外部網站加載字體文件,總是有機會,有可能是與交貨地點的問題。如果交貨地點離線出于某種原因,但你的網站仍然有效,那么你的網頁將加載但字體將會丟失。這就是為什么,即使你的網絡字體,你仍然要對特定的字體堆在你的CSS文件,以便您有失敗加載任何排版后備。
6.轉讓問題
是否一個字體文件被加載形式的外部域或從自己的,總有一個機會,有可能是該文件的傳輸的問題。就像一些圖片無法在網站負荷,但都是精品如果加載頁面,所以也可以簡單的字體不轉讓沒有其他原因不是“事情發生。”
帶著這個問題,以及轉移部位是下降的問題的缺點,就是真的有什么可以做的他們,因為他們是你的控制范圍之外的問題。他們的好消息是,他們是經常解決很快臨時性的問題 – 有時只需通過刷新瀏覽器并重新加載頁面。
對性能的注意事項
當考慮網頁的字體和加載問題,另一件事情要留神的是網站的速度和整體性能。加載太多的字體,甚至只是加載一個是文件大小真正大的幾個字體,會對加載速度產生負面影響。出于這個原因,一定要測試的影響,您加載到您的網站,并采取必要的任何措施的任何字體,以提高該網站的性能,同時還創建你想為你的網站的排版設計。
此外,當你規劃出一個新的網站,并決定使用哪些字體,你可以考慮為該項目創造了績效預算,看看你的字體選擇的整體影響是從頁面大小的角度。
作者:朋友圈科技
相關內容 Related
- 為什么響應式設計需要媒體查詢2016/8/5
- 虛擬主機被搜索引擎爬蟲訪問耗費大量流量解決方法2016/8/3
- 網站建設中如何創建完美的顏色組合2016/8/1
- 什么是長尾關鍵詞?2016/8/1
- 建設企業或個人網站的好處2016/7/8
- 前端開發者需要知道的常識2016/7/6
- 12種方法為您拓展業務通道2016/7/27
- SEO優化的三大技巧2016/7/24
- 10的方法來提高你的網站設計2016/7/24
- 網站統計用哪個比較好,百度?cnzz?2016/7/21