网站建设_网站制作_SEO优化推广_百度推广开户_朋友圈网络科技

印刷術起著網站設計的成功具有重要作用，但它是很難有很大的排版設計，如果你選擇的字體不上你的網站甚至加載。

如果您的網絡字體，而不是“網絡安全”或系統字體被從網站訪問者的計算機加載，有許多事情可能出錯頁面加載時。如果你的傳球缺少一些字體，這里有一些你應該看看到時可能的原因，測試這些頁面和解決的問題。

1.不正確的文件路徑

當您使用@字體面對Web字體加載到一個網站，要鏈接到的字體文件一樣，該網站使用（圖片，腳本，樣式表等），你會其他資源。這意味著，對這些文件的路徑必須以正確的字體，以正常加載。在調試的字體加載問題第一步是確保您指定的文件路徑是正確的。

2.字體名稱拼寫錯誤

當你檢查你的字體文件的文件路徑，也請確保您拼寫正確字體的名稱。

很多字體都非常不尋常的名字，這是很容易使一個拼寫錯誤，這將打破你的網站的排版。

檢查拼寫的準確性另一個地方是在你的網站的CSS文件。當您在這些風格中引用的字體名稱，請確保您使用的是正確的名稱和是否已正確拼寫。根據我的經驗，不正確的名稱或拼寫錯誤是字體加載問題的最常見原因。

3.字體文件丟失

如果你的字體文件的路徑是正確的，所有的名字都拼寫正確，下一個項目是檢查以確保文件本身實際上是Web服務器，他們應該是。忘了將文件上傳到服務器時，推出了一個網站是另一種常見的錯誤，人們作出。這也是一個很容易之一來解決-你只需上傳這些文件并如期網站應該載入的文件。

4.跨域問題

如果您已檢查上面列出的最簡單的情況（占大多數字體加載問題）和字體仍然沒有工作，那么有可能是一個更大的問題發生。其中的一個問題可能是跨域問題與字體的加載。

出于安全原因，瀏覽器限制跨域加載請求。這意味著，如果你正在訪問一個域，和字體是另一種，有可能是一個加載的問題。像Typekit和谷歌的字體流行的字體服務，因為它們在其響應的訪問控制允許來源頭部沒有這個問題。這使得他們的字體將在您的網站加載，即使來自不同的領域。凡我看到這個跨域問題發生的是，當你的字體是從裝載www.yourwebsite.com有人訪問的頁面不使用“www”的子域（他們只是要yourwebsite.com，他們離開“WWW”時關閉他們鍵入瀏覽器的URL）。盡管這些都訪問相同的域，子域的變化導致一些瀏覽器以不同的方式看待他們，并阻止訪問的字體。為了解決這個問題，可以添加訪問控制-Origin標，或者你可以簡單地轉發所有的流量均進入一個submdomain其他替代。例如，與我部署網站，我總是指示任何流量是不包括“www”的子域擁有它的人。這修正了對這些網站的任何跨域加載問題。

5.網站托管字體是向下

如果從外部網站加載字體文件，總是有機會，有可能是與交貨地點的問題。如果交貨地點離線出于某種原因，但你的網站仍然有效，那么你的網頁將加載但字體將會丟失。這就是為什么，即使你的網絡字體，你仍然要對特定的字體堆在你的CSS文件，以便您有失敗加載任何排版后備。

6.轉讓問題

是否一個字體文件被加載形式的外部域或從自己的，總有一個機會，有可能是該文件的傳輸的問題。就像一些圖片無法在網站負荷，但都是精品如果加載頁面，所以也可以簡單的字體不轉讓沒有其他原因不是“事情發生。”

帶著這個問題，以及轉移部位是下降的問題的缺點，就是真的有什么可以做的他們，因為他們是你的控制范圍之外的問題。他們的好消息是，他們是經常解決很快臨時性的問題 – 有時只需通過刷新瀏覽器并重新加載頁面。

對性能的注意事項

當考慮網頁的字體和加載問題，另一件事情要留神的是網站的速度和整體性能。加載太多的字體，甚至只是加載一個是文件大小真正大的幾個字體，會對加載速度產生負面影響。出于這個原因，一定要測試的影響，您加載到您的網站，并采取必要的任何措施的任何字體，以提高該網站的性能，同時還創建你想為你的網站的排版設計。

此外，當你規劃出一個新的網站，并決定使用哪些字體，你可以考慮為該項目創造了績效預算，看看你的字體選擇的整體影響是從頁面大小的角度。