龙岗网站建设,在任何电脑上网站都显示微软雅黑字体
 
 
建站常识
/go100.net
 
网站建设相关概念知识
给建站新老手推荐3个CS..
如何挑选网站关键词?
HTML中DIV的浮动、..
龙岗网站建设要注意网站导航
CSS中的两种选择器id..
怎么解决网站在在e7、8..
唯品会周年庆 ..
html5建站需要注意点..
jquery设为首页、加..
 
您当前的位置:
  网站建设
 
在任何电脑上网站都显示微软雅黑字体 发布人:龙岗网站建设
分享到:
发布时间:2013-08-03

当前网站也是多样化,很多客户要求不用宋体,用微软雅黑字体来做自己的网站,可是,大部分网站都是靠电脑单机字体来显示网站的字体,如果网站设计师在设计网站的时候,定义了字体是微软雅黑字体,然而,用户的电脑上没有这个字,则网站显示的还是默认的宋体,这个问题很棘手。

如何让网站打开,无论电脑又没有微软雅黑字体,所显示的字体也一样是微软雅黑字体呢?龙岗网站建设可以为您实现这个目的,实现无论在任何电脑上都显示一样的微软雅黑字体,通过增加CSS样式实现这个目的,其样式如下:

本代码只支持IE8一下的浏览器:

第一步

获取要使用字体的三种文件格式,确保能在主流浏览器中都能正常显示该字体。
•.TTF或.OTF,适用于Firefox 3.5、Safari、Opera
•.EOT,适用于Internet Explorer 4.0+
•.SVG,适用于Chrome、IPhone

下面要解决的是如何获取到某种字体的这三种格式文件。一般地,我们在手头上(或在设计资源站点已经找到)有该字体的某种格式文件,最常见的是.TTF文件,我们需要通过这种文件格式转换为其余两种文件格式。字体文件格式的转换可以通过网站FontsQuirrel或onlinefontconverter提供的在线字体转换服务获取。这里推荐第一个站点,它允许我们选择需要的字符生成字体文件(在服务的最后一个选项),这样就大大缩减了字体文件的大小,使得本方案更具实用性。

第二步

获取到三种格式的字体文件后,下一步要在样式表中声明该字体,并在需要的地方使用该字体。

字体声明如下:

@font-face {
 font-family: 'fontNameRegular';
 src: url('fontName.eot');
 src: local('fontName Regular'),
              local('fontName'),
              url('fontName.woff') format('woff'),
              url('fontName.ttf') format('truetype'),
              url('fontName.svg#fontName') format('svg');

/*其中fontName替换为你的字体名称*/

在页面中需要的地方使用该字体:

p { font: 13px fontNameRegular, Arial, sans-serif; }
h1{font-family: fontNameRegular}

或者

龙岗网站建设

我们正在钻研适合IE8以上的版本的兼容性,如有新动态,会随时公布,敬请期待!


 
温馨提示:本内容发布于龙岗网站建设(http://www.go100.net),欢迎您转载,请保留版权!
 
 
上一条: 龙岗网站建设在网站制作过程中优化图片的原则
下一条: qq在线客服设计图稿(蓝色调)
 
 
[ 相关更新 ]
· 龙岗网站建设讲述当前建网站需要注意的要点
· 为什么要选择做响应式网站
· 什么是响应式网站
· 流量多样化才能让网站更加健全
· 微信网站开发需要懂得哪些技术?
 
Site Map
 
· 套餐报价
· 功能模块
· 售后服务
 
· 网站优化
· 优化报价
 
· 域名注册
· 空间租用
· 企业邮局
 
· 外贸网站建设
· 模具网站建设
· 五金网站建设
· 家具网站建设
· 其他类案例
 
· 网站建设
· 网站优化
· 网络营销
· 常见问题
· 建站教程
· 热门话题
 
· 公司介绍
· 新闻动态
· 我们的优势
· 付款方式
· 联系我们
 
在线客服