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


