<kbd id='5w81af57'></kbd><address id='5w81af57'><style id='5w81af57'></style></address><button id='5w81af57'></button>

              <kbd id='u7usrlgi'></kbd><address id='u7usrlgi'><style id='u7usrlgi'></style></address><button id='u7usrlgi'></button>

                      <kbd id='ke925019'></kbd><address id='ke925019'><style id='ke925019'></style></address><button id='ke925019'></button>

                              <kbd id='sf1mvh03'></kbd><address id='sf1mvh03'><style id='sf1mvh03'></style></address><button id='sf1mvh03'></button>

                                      <kbd id='knblfa3d'></kbd><address id='knblfa3d'><style id='knblfa3d'></style></address><button id='knblfa3d'></button>

                                              <kbd id='wp6xudxx'></kbd><address id='wp6xudxx'><style id='wp6xudxx'></style></address><button id='wp6xudxx'></button>

                                                      <kbd id='x85svq2j'></kbd><address id='x85svq2j'><style id='x85svq2j'></style></address><button id='x85svq2j'></button>

                                                          银河娱乐网址

                                                          網站字體加載失敗?有6種可能性原因

                                                          日期:2016/6/28 / 人氣:

                                                          打印在網站設計的成功中起着重要作用 ,但如果您選擇的字體甚至不能在您的網站上加載 ,那麼很難有一個很好的排版設計 。

                                                          如果您的網絡字體沒有通過網站訪問者的網站上的“網絡安全”或系統字體加載 ,那麼當網頁加載時可能會出現許多問題 。如果你的通行證缺少某些字體 ,這裏有一些你可能想要查看它們的原因 ,測試這些頁面並修復它們 。

                                                          1.文件路徑不正確

                                                          當您使用@font面對加載到網站的Web字體時 ,要鏈接到相同的字體文件 ,網站使用(圖像 ,腳本 ,樣式表等) ,您將擁有其他資源 。這意味着必須以正確的字體加載這些文件的路徑才能正確加載 。加載字體以進行調試的第一步是確保指定的文件路徑正確 。

                                                          2.字體名稱拼寫錯誤

                                                          檢查字體文件的文件路徑時 ,還要確保拼寫正確的字體名稱 。

                                                          很多字體都是非常不尋常的名字 ,很容易造成拼寫錯誤 ,這會打破你網站的排版 。

                                                          另一個檢查拼寫準確性的地方是您網站上的CSS文件 。當您命名這些樣式中引用的字體時 ,請確保使用正確的名稱並正確拼寫 。根據我的經驗 ,錯誤的名稱或拼寫錯誤是字體加載問題的最常見原因 。

                                                          3.缺少字體文件

                                                          如果字體文件的路徑正確 ,則所有名稱拼寫正確 ,並檢查下一個項目以確保文件本身實際上是Web服務器 ,它們應該是 。在啓動網站時忘記將文件上傳到服務器是人們犯的另一個常見錯誤 。它也是一個容易解決的問題 - 您只需按預期上傳這些文件和應加載到網站上的文件 。

                                                          4.跨域問題

                                                          如果您已經檢查了上面列出的最簡單的情況(佔大多數字體加載問題)並且字體仍然不起作用 ,那麼可能存在更大的問題 。其中一個問題可能是跨域問題和字體加載 。

                                                          出於安全原因 ,瀏覽器會限制跨域加載請求 。這意味着 ,如果您正在訪問域 ,並且字體是另一個域 ,則可能存在加載問題 。像Typekit和Google Fonts這樣的流行字體服務沒有這個問題 ,因爲它們允許源代碼頭響應訪問控制 。這使得他們的字體加載到您的網站上 ,甚至來自不同的領域 。當我從www.yourwebsite.com加載你的字體時 ,我發現這個跨域問題發生了 。有人在不使用“www”子域名的情況下訪問該頁面(當他們離開“WWW”時他們只想要你的網站 。關閉他們輸入的URL瀏覽器) 。雖然這些都訪問相同的域 ,但子域更改會導致某些瀏覽器以不同方式查看它們並阻止對字體的訪問 。爲了解決此問題 ,您可以添加訪問控制-Origin標記 ,或者您可以簡單地將所有流量轉發到另一個子域替代方案 。例如 ,對於我的部署站點 ,我始終指出任何流量都不包含在擁有它的“www”子域中 。這可以修復這些網站的任何跨域加載問題 。

                                                          5.網站託管字體已關閉

                                                          如果從外部網站加載字體文件 ,則交付位置可能存在問題 。如果由於某種原因交付地點離線 ,但您的網站仍然有效 ,那麼您的網頁將會加載 ,但字體將會丟失 。這就是爲什麼 ,即使使用您的Web字體 ,您仍然需要在CSS文件中堆積特定的C字體文件 ,這樣您就無法加載任何排版回退 。

                                                          6.轉移問題

                                                          無論字體文件是以外部域的形式還是以其自身的形式加載 ,總是存在文件傳輸可能存在問題的可能性 。就像有些圖片無法加載到網站上一樣 ,但如果加載頁面都是精品圖片 ,那麼除了“發生的事情”之外 ,還可以簡單地輸入字體而不進行其他轉移 。

                                                          有了這個問題 ,以及轉移網站出現衰退的問題 ,他們確實可以做些什麼 ,因爲它們超出了您的控制範圍 。對他們來說 ,好消息是他們經常會快速而暫時地解決問題 - 有時只需刷新瀏覽器並重新加載頁面即可 。

                                                          績效考慮因素

                                                          在考慮網頁的字體和加載問題時 ,要記住的另一件事是網站的速度和整體性能 。加載太多字體 ,甚至只加載一些文件大小非常大的字體 ,都會對加載速度產生負面影響 。因此 ,請務必測試您加載到網站中的任何字體的影響 ,並採取任何必要措施來改善網站的性能 ,同時還要爲您的網站創建所需的排版設計 。

                                                          此外 ,當您計劃新網站並決定使用哪種字體時 ,您可以考慮爲項目創建性能預算 ,並從頁面大小角度查看字體選擇的總體影響 。

                                                          作者:技術圈朋友


                                                          银河娱乐网址