网站建设_网站制作_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 回頂部
主站蜘蛛池模板: 拉力机-拉力试验机-万能试验机-电子拉力机-拉伸试验机-剥离强度试验机-苏州皖仪实验仪器有限公司 | MTK核心板|MTK开发板|MTK模块|4G核心板|4G模块|5G核心板|5G模块|安卓核心板|安卓模块|高通核心板-深圳市新移科技有限公司 | 商秀—企业短视频代运营_抖音企业号托管 | 外贮压-柜式-悬挂式-七氟丙烷-灭火器-灭火系统-药剂-价格-厂家-IG541-混合气体-贮压-非贮压-超细干粉-自动-灭火装置-气体灭火设备-探火管灭火厂家-东莞汇建消防科技有限公司 | 防爆电机-高压防爆电机-ybx4电动机厂家-河南省南洋防爆电机有限公司 | 超声波清洗机-超声波清洗设备定制生产厂家 - 深圳市冠博科技实业有限公司 | 5L旋转蒸发器-20L-50L旋转蒸发器-上海越众仪器设备有限公司 | Pos机办理_个人商户免费POS机申请-拉卡拉办理网 | 卧涛科技有限公司科技项目申报公司|高新技术企业申报|专利申请 | 粉碎机_塑料粉碎机_塑料破碎机厂家-星标机械 | 水上浮桥-游艇码头-浮动码头-游船码头-码瑞纳游艇码头工程 | 盐城网络公司_盐城网站优化_盐城网站建设_盐城市启晨网络科技有限公司 | 3d打印服务,3d打印汽车,三维扫描,硅胶复模,手板,快速模具,深圳市精速三维打印科技有限公司 | 无味渗透剂,泡沫抑尘剂,烷基糖苷-威海威能化工有限公司 | 包塑软管|金属软管|包塑金属软管-闵彬管业 | 山东集装箱活动房|济南集装箱活动房-济南利森集装箱有限公司 | 异噻唑啉酮-均三嗪-三丹油-1227-中北杀菌剂厂家 | 贵阳用友软件,贵州财务软件,贵阳ERP软件_贵州优智信息技术有限公司 | 地图标注-手机导航电子地图如何标注-房地产商场地图标记【DiTuBiaoZhu.net】 | 云南外加剂,云南速凝剂,云南外加剂代加工-普洱澜湄新材料科技有限公司 | 耐酸碱泵-自吸耐酸碱泵型号「品牌厂家」立式耐酸碱泵价格-昆山国宝过滤机有限公司首页 | 口臭的治疗方法,口臭怎么办,怎么除口臭,口臭的原因-口臭治疗网 | 苏州工作服定做-工作服定制-工作服厂家网站-尺品服饰科技(苏州)有限公司 | 天津市能谱科技有限公司-专业的红外光谱仪_红外测油仪_紫外测油仪_红外制样附件_傅里叶红外光谱技术生产服务厂商 | CXB船用变压器-JCZ系列制动器-HH101船用铜质开关-上海永上船舶电器厂 | 开锐教育-学历提升-职称评定-职业资格培训-积分入户 | 盘式曝气器-微孔曝气器-管式曝气器-曝气盘-斜管填料 | 郑州市前程水处理有限公司 | 中央空调温控器_风机盘管温控器_智能_液晶_三速开关面板-中央空调温控器厂家 | 压砖机、液压制砖机、静压砖机、环保砖机生产厂家—杜甫机械 | 济南轻型钢结构/济南铁艺护栏/济南铁艺大门-济南燕翔铁艺制品有限公司 | 高速混合机_锂电混合机_VC高效混合机-无锡鑫海干燥粉体设备有限公司 | 上海恒驭仪器有限公司-实验室平板硫化机-小型平板硫化机-全自动平板硫化机 | 体检车_移动CT车_CT检查车_CT车_深圳市艾克瑞电气有限公司移动CT体检车厂家-深圳市艾克瑞电气有限公司 | 氟塑料磁力泵-不锈钢离心泵-耐腐蚀化工泵厂家「皖金泵阀」 | 中国品牌门窗网_中国十大门窗品牌_著名门窗品牌 | 阜阳在线-阜阳综合门户 | 轴流风机-鼓风机-离心风机-散热风扇-罩极电机,生产厂家-首肯电子 | 温州食堂承包 - 温州市尚膳餐饮管理有限公司 | 垃圾处理设备_餐厨垃圾处理设备_厨余垃圾处理设备_果蔬垃圾处理设备-深圳市三盛环保科技有限公司 | 洁净棚-洁净工作棚-无菌室-净化工程公司_北京卫护科技有限公司 | PVC快速门-硬质快速门-洁净室快速门品牌厂家-苏州西朗门业 |