ttf转换eot.woff.svg 如何转换生成.ttf.eot.woff.svg@font-face文件

@font-face功能

网页上展示最多的内容是什么?文字!纵然使用图片再多的网页,也不会丢掉文字符号。

@font-face语句是css中的一个功能模块,用于实现网页字体多样性的模块(设计者可随意指定字体,不需要考虑浏览者电脑上是否安装)。

@font-face文件

而由于网页中使用的字体类型,也是各浏览器对字体类型有不同的支持规格。 字体格式类型主要有几个大分类:TrueType、Embedded Open Type 、OpenType、WOFF 、SVG。

@font-face文件转换生成

.eot、.woff、.svg每种格式的文件都可以用专门的工具转换得到,同时也有专门的用于生成@font-face文件的网站,可以将字体文件上传到网站上,转换后下载,然后就可以嵌入到网页上使用了。

如何转换生成.ttf.eot.woff.svg@font-face文件_ttf

这里推荐几个@font-face文件转换网站:

freefontconverter

font2web

中文@font-face

上面的这些@font-face转换网站都不支持中文字体的转换,中文字体文件相对于英文显得过于庞大,很长一段时间都被认为是不适合嵌入网页的。

直到几年前,这个问题终于被一个日本网站解决了,他用的技术就是截取法,在前端置入一个js脚本,脚本自动根据网页内容适时生成一个小字库(只包含当前网页内容的小字库)然后自动转换成.ttf、.eot、.woff、.svg等格式嵌入网页中,从页实现@font-face效果。体验和英文@font-face差不多,效果非常漂亮。但日文@font-face网站对于中文网页还无法支持。

如果是你想在你的网页上使用中文简体@font-face服务,也不是不可能,推荐一个中文@font-face网站――“有字库”。

ttf转换eot.woff.svg 如何转换生成.ttf.eot.woff.svg@font-face文件

使用时,只需要引用一段js脚本代码或者一段css代码,网站就会自动帮你截取网页需要的小字库并生成.ttf、.eot、.woff、.svg等格式文件,你可以将各文件下载下来,也可以托管在这个网站上,非常方便。去试试吧

  

爱华网本文地址 » http://www.aihuau.com/a/8104320103/239786.html

更多阅读

如何转换视频文件格式 qsv视频格式怎么转换

如何转换视频文件格式——简介在制作课件的时候,有时需要插入一个视频文件。文件的格式有时候不受支持,那就必须要转换。如何转换呢?我把在长期的教学实践中常用到的方法写出来与大家分享一下。如何转换视频文件格式——工具/原料

如何将pdf文件转换成html文件 将html文件转换为pdf

如何将pdf文件转换成html文件——简介pdf文件是我们在工作生活中用的非常多高质量文件格式,有时我们需要将pdf转换成html网页文件,便于嵌入网页中,并且可以提取 PDF 中的图片。如何将pdf文件转换成html文件——工具/原料电脑pdf转换

如何将word文件转换成pdf文件 怎么将wps转换成pdf

如何将word文件转换成pdf文件——简介将word转换成PDF的方法很多,如果你是用office2007或以上版本的话,就会有另存为PDF的功能,而如果你的office2007没有了另存为PDF功能的话,则可能是这个插件功能丢失了,安装下即可。

如何把视频文件转换成VCD格式 vcd 光盘 格式转换器

如何把视频文件转换成VCD格式作者:小猪本教程将介绍如何用WinAVI(当然这方面的软件有好多)把非VCD格式视频文件转换成能在影碟机上播放的VCD格式视频文件。WinAVI是一款几乎能在任何格式的视频文件之间任意转换的视频转换工具,而且它

如何转换音频文件格式 如何转换音频文件的格式?

如何转换音频文件的格式?――简介 音乐文件的格式有好多种,有时我们需要将一种格式的音频文件转换成另一种格式,比如mp3转成wma,从而大大缩小原音乐文件的体积,或者从较大音质较好的无损音乐文件转换成较小的mp3等,这时我们就需要某些软件

声明:《ttf转换eot.woff.svg 如何转换生成.ttf.eot.woff.svg@font-face文件》为网友花心男分享!如侵犯到您的合法权益请联系我们删除