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