当前位置: 网站建设 > 网页设计 > 建站经验 >

如何在网页中嵌入任意字体

时间:2013-03-02 03:59来源:未知 作者:admin 点击:

标签:如何在网页中嵌入任意字体 嵌入(5)何在(7).TTF(1)字体(24).OTF(1)任意(1)f(5)适用于(1)网页(168)
.TTF或.OTF,适用于Firefox 3.5、Safari、Opera .EOT,适用于Internet Explorer 4.0+ .SVG,实用于Chrome、IPhone --> [网站建设之]如何在网页中嵌入任意字体 网页中能够使用任何字体,咱们来看一下如何在网页中嵌入任意的字体。字体使用是网页设计中不可或缺的一局部。常常地,我们盼望在网页中使用某一特定字体,然而该字体并非主流操作体系的内置字体,这样用户在浏览页面的时候就有可能看不到实在的设计。美工设计师最常做的措施是把想要的文字做成图片,这
如何在网页中嵌入任意字体》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302340262013.htm

 

.TTF或.OTF,适用于Firefox 3.5、Safari、Opera .EOT,适用于Internet Explorer 4.0+ .SVG,实用于Chrome、IPhone --> [网站建设之]如何在网页中嵌入任意字体

 ,如何在网页中加入百度地图;网页中能够使用任何字体,咱们来看一下如何在网页中嵌入任意的字体。字体使用是网页设计中不可或缺的一局部。常常地,我们盼望在网页中使用某一特定字体,然而该字体并非主流操作体系的内置字体,这样用户在浏览页面的时候就有可能看不到实在的设计。美工设计师最常做的措施是把想要的文字做成图片,这样做有多少个显明缺陷:①不可能大范畴的使用该字体;② 图片内容绝对使用文字不易修正;③不利于网站SEO(主流搜寻引擎不会将图片alt内容作为断定网页内容相干性的有效因素)。网络上有一些使用sIFR技巧、或javascript/flash hack的方式,但实现起来或繁琐,或有缺点。下面要讲的是如何只通过CSS的@font-face属性来实当初网页中嵌入任意字体。

字体声明如下:

获取要使用字体的三种文件格式,确保能在主流阅读器中都能畸形显示该字体。

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

<p style="font-family: fontNameRegular">掬水月在手,落花香满衣</p>

或者

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

        第一步

下面要解决的是如何获取到某种字体的这三种格式文件。个别地,我们在手头上(或在设计资源站点已经找到)有该字体的某种格式文件,最常见的是.TTF文件,我们需要通过这种文件格式转换为其余两种文件格式。字体文件格式的转换可以通过网站FontsQuirrel或onlinefontconverter供给的在线字体转换服务获取,如何在各种不同的浏览器中做到“隐藏CSS”。这里推举第一个站点,它容许我们抉择需要的字符天生字体文件(在服务的最后一个选项),这样就大大缩减了字体文件的大小,使得本计划更具适用性。

Tag:字体   嵌入   网页   字体   嵌入   网页  

        第二步

在页面中须要的处所应用该字体:

@font-face {
 font-family: 'fontNameRegular';
 src: url('fontName.eot');
 src: local('fontName Regular'),
              local('fontName'),
        ,如何在一个月令AdSense收入猛增3倍;     ,如何合理布局网站; url('fontName.woff') format('woff'),
          ,如何合理制作网页中的在线广告;    url('fontName.ttf') format('truetype'),
              url('fontName.svg#fontName') format('svg');

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


(责任编辑:网站建设)
如何在网页中嵌入任意字体相关文章
上一篇:如何在网页中加入百度地图 下一篇:如何学习Div+Css网页布局
回到顶部