Cssfontface网页中嵌入特殊字体的方法是什么-创新互联

Css font face网页中嵌入特殊字体的方法是什么,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

创新互联"三网合一"的企业建站思路。企业可建设拥有电脑版、微信版、手机版的企业网站。实现跨屏营销,产品发布一步更新,电脑网络+移动网络一网打尽,满足企业的营销需求!创新互联具备承接各种类型的成都做网站、成都网站设计项目的能力。经过十多年的努力的开拓,为不同行业的企事业单位提供了优质的服务,并获得了客户的一致好评。

特殊字体已经在你的电脑中了,现在我们需要想办法获得@font-face所需的.eot,.woff,.ttf,.svg字体格式。要获取这些字体格式,我们同样是需要第三方工具,CSS教程@font-face网页中嵌入特殊字体方法。

获取特殊字体:

我们拿下面这种singleMalta字体来说吧:

要得到singleMalta字体,不外乎两种途径,其一找到付费网站购买字体,其二就是到免费网站DownLoad字体。当然要给钱的这种傻事我想大家都不会做的,那我们就得到免费的地方下载,在哪有呢?我平时都是到GoogleWebFonts和Dafont.com寻找自己需要的字体,给大家推荐的这两个都是国外的站点,打开速度会比较慢,国内的像站长字体font.chinaz.com,都很好用,当然网上也还有别的下载字体的地方,下载下来的文件里面有.TTF。然后开始下一步

获取@font-face所需特殊字体格式:

特殊字体已经在你的电脑中了,现在我们需要想办法获得@font-face所需的.eot,.woff,.ttf,.svg字体格式。要获取这些字体格式,我们同样是需要第三方工具或者软件来实现,下面我给大家推荐一款我常用的一个工具fontsquirrel和font2web.com。也可以直接百度TTF换格式

现在只要用Conv_SingleMalta类名就可以运用特殊字体了。

@font-face{

font-family:'Conv_SingleMalta';

src:url('fonts/SingleMalta.eot');

src:local('☺'),url('fonts/SingleMalta.woff')format('woff'),url('fonts/SingleMalta.ttf')format('truetype'),url('fonts/SingleMalta.svg')format('svg');

font-weight:normal;

font-style:normal;

}

.Conv_SingleMalta{

font-family:'Conv_SingleMalta';

}

总之,特殊字体给大家简单的介绍了一些,希望大家多看看。

关于Css font face网页中嵌入特殊字体的方法是什么问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。


分享名称:Cssfontface网页中嵌入特殊字体的方法是什么-创新互联
文章网址:http://myzitong.com/article/djhejd.html