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

網站字體加載失敗?有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.轉讓問題

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

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

對性能的注意事項

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

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

作者:朋友圈科技


Go To Top 回頂部
主站蜘蛛池模板: 代写标书-专业代做标书-商业计划书代写「深圳卓越创兴公司」 | 微型气象仪_气象传感器_防爆气象传感器-天合传感器大全 | 广州冷却塔维修厂家_冷却塔修理_凉水塔风机电机填料抢修-广东康明节能空调有限公司 | 挨踢网-大家的导航!| 电机保护器-电动机综合保护器-浙江开民 | 电车线(用于供电给电车的输电线路)-百科 | 酒店厨房设计_中央厨房设计_北京商用厨房设计公司-奇能商厨 | 精密机械零件加工_CNC加工_精密加工_数控车床加工_精密机械加工_机械零部件加工厂 | 油漆辅料厂家_阴阳脚线_艺术漆厂家_内外墙涂料施工_乳胶漆专用防霉腻子粉_轻质粉刷石膏-魔法涂涂 | 市政路灯_厂家-淄博信达电力科技有限公司 | 长沙印刷厂-包装印刷-画册印刷厂家-湖南省日大彩色印务有限公司 青州搬家公司电话_青州搬家公司哪家好「鸿喜」青州搬家 | 成都顶呱呱信息技术有限公司-贷款_个人贷款_银行贷款在线申请 - 成都贷款公司 | 海日牌清洗剂-打造带电清洗剂、工业清洗剂等清洗剂国内一线品牌 海外整合营销-独立站营销-社交媒体运营_广州甲壳虫跨境网络服务 | 通用磨耗试验机-QUV耐候试验机|久宏实业百科 | 上海阳光泵业制造有限公司 -【官方网站】 | EFM 022静电场测试仪-套帽式风量计-静电平板监测器-上海民仪电子有限公司 | 小型气象站_车载气象站_便携气象站-山东风途物联网 | 斗式提升机_链式斗提机_带式斗提机厂家无锡市鸿诚输送机械有限公司 | 北京宣传片拍摄_产品宣传片拍摄_宣传片制作公司-现像传媒 | 胶辊硫化罐_胶鞋硫化罐_硫化罐厂家-山东鑫泰鑫智能装备有限公司 意大利Frascold/富士豪压缩机_富士豪半封闭压缩机_富士豪活塞压缩机_富士豪螺杆压缩机 | 旅游规划_旅游策划_乡村旅游规划_景区规划设计_旅游规划设计公司-北京绿道联合旅游规划设计有限公司 | 食品质构分析仪-氧化诱导分析仪-瞬态法导热系数仪|热冰百科 | Copeland/谷轮压缩机,谷轮半封闭压缩机,谷轮涡旋压缩机,型号规格,技术参数,尺寸图片,价格经销商 CTP磁天平|小电容测量仪|阴阳极极化_双液系沸点测定仪|dsj电渗实验装置-南京桑力电子设备厂 | 分光色差仪,测色仪,反透射灯箱,爱色丽分光光度仪,美能达色差仪维修_苏州欣美和仪器有限公司 | 刺绳_刀片刺网_刺丝滚笼_不锈钢刺绳生产厂家_安平县浩荣金属丝网制品有限公司-安平县浩荣金属丝网制品有限公司 | 质构仪_鱼糜弹性仪-上海腾拔仪器科技有限公司 | 办公室装修_上海办公室设计装修_时尚办公新主张-后街印象 | 打孔器,打孔钳厂家【温州新星德牌五金工具】 | 浙江建筑资质代办_二级房建_市政_电力_安许_劳务资质办理公司 | 江门流水线|江门工作台|江门市伟涛行工业设备有限公司 | 苹果售后维修点查询,苹果iPhone授权售后维修服务中心 – 修果网 拼装地板,悬浮地板厂家,悬浮式拼装运动地板-石家庄博超地板科技有限公司 | 电车线(用于供电给电车的输电线路)-百科 | 陕西华春网络科技股份有限公司| 标准光源箱|对色灯箱|色差仪|光泽度仪|涂层测厚仪_HRC大品牌生产厂家 | 不锈钢法兰-碳钢法兰-法兰盘生产加工厂家-[鼎捷峰]-不锈钢法兰-碳钢法兰-法兰盘生产加工厂家-[鼎捷峰] | 阳光模拟试验箱_高低温试验箱_高低温冲击试验箱_快速温变试验箱|东莞市赛思检测设备有限公司 | 广东机电安装工程_中央空调工程_东莞装饰装修-广东粤标建设有限公司 | 电动垃圾车,垃圾清运车-江苏速利达机车有限公司 | 培训一点通 - 合肥驾校 - 合肥新亚驾校 - 合肥八一驾校 | 合金耐磨锤头_破碎机锤头_郑州市德勤建材有限公司 | 谷梁科技 |