目前,文字信息仍是网站最主要的内容,随着CSS3技术的不断成熟,Web字体逐渐成为话题,这项让未来Web更加丰富多彩的技术拥有多种实现方案,其中之一是通过@font-face属性在网页中嵌入自定义字体,主流的浏览器都支持这项技术,本文介绍主要的几种Web字体格式及字体格式转换。

Web字体格式介绍

TrueType (.ttf)

Windows和Mac系统最常用的字体格式,其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体,这使得它们比基于矢量的字体更容易处理,保证了屏幕与打印输出的一致性。同时,这类字体和矢量字体一样可以随意缩放、旋转而不必担心会出现锯齿。

EOT – Embedded Open Type (.eot)

嵌入字体格式(EOT)是微软开发的一种技术,允许 OpenType 字体嵌入到网页并可以下载至浏览器渲染,浏览器根据 CSS 中 @font-face 的定义,下载,渲染这种 .EOT 后缀的字体文件。这些文件只在当前页活动的状态下,临时安装在用户的系统中。

OpenType (.otf)

OpenType是一种可缩放字型(scalable font)电脑字体类型,采用PostScript格式,是美国微软公司与Adobe公司联合开发,用来替代TrueType字型的新字型。这类字体的文件扩展名为.otf,类型代码是OTTO,现行标准为OpenType 1.4。OpenType最初发表于1996年,并在2000年之后出现大量字体。它源于微软公司的TrueType Open字型,TrueType Open字型又源于TrueType字型。OpenType font包括了Adobe CID-Keyed font技术。Adobe公司已经在2002年末将其字体库全部改用OpenType格式。

WOFF – Web Open Font Format (.woff)

相对于 TrueType 和 OpenType ,WOFF(Web开发字体格式)是一种专门为了 Web 而设计的字体格式标准,它并不复杂,实际上只是对于 TrueType / OpenType 等字体格式的封装,并针对网络使用加以优化:每个字体文件中含有字体以及针对字体的元数据(Metadata),字体文件被压缩,以便于网络传输,并且不包含任何加密或者 DRM 措施。包括 Adobe、 Lino Type、Monotype 在内的几乎所有主要的字体供应商都加入到支持 WOFF 的行列中来。

SVG (Scalable Vector Graphics) Fonts (.svg)

顾名思义,就是使用SVG技术来呈现字体,还有一种gzip压缩格式的SVG字体.svgz。SVG可缩放矢量图形(Scalable Vector Graphics)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG由W3C制定,是一个开放标准。SVG严格遵从XML语法,并用文本格式的描述性语言来描述图像内容,因此是一种和图像分辨率无关的矢量图形格式。SVG可以使你设计的网页可以更加精彩细致,使用简单的文本命令,SVG可实现色彩线性变化、路径、自定义字体、透明效果、滤镜效果等各式常见的图形图像效果。

在线字体格式转换工具介绍

Online Font Converter

Free Font Conve

The FontSquir­rel Con­verter

font-face generator

Font 2 Web

ttf 2 eot

otf 2 woff

web字体格式及几种在线格式转换工具介绍相关推荐

  1. 分享12款优秀的在线文件格式转换工具

    在线的文件转换工具有很多,但是要找到一款好用的却不容易,所以今天这篇文章收集了12款优秀的在线文件格式转换工具,看看有没有适合您的需要的工具. iWebPrint 打印网页为PDF文件,可以定制打印尺 ...

  2. 10款方便的在线文件格式转换工具网站。

    1.online-convert online-convert是一个十分优秀的在线格式转换应用,支持格式覆盖文档.图片.音频.视频.电子书.Flash以及一些 不常见的格式.使用非常简单,你只需根据在 ...

  3. 最好的在线PDF转换工具服务

    工作中有时候会碰到需要转换PDF文件的情况,现在网上就要很多免费的在线工具,可以进行PDF文件的转换,下面就来介绍一些可以直接在浏览器中将文档.电子表格.和图片转换为PDF或者互相转换的服务工具. 原 ...

  4. 这 6 款在线 PDF 转换工具,得试试

    读者提问: 免费好用的在线 PDF 转换工具有推荐的吗 ? 阿常回答: 有,这 6 款在线 PDF 转换工具,免费实用,快来试试吧! 1.pdftoword(支持 PDF 与 Word.TXT.图片. ...

  5. 获取当前时间戳-在线时间戳转换工具

    常用语言获取当前时间戳 Swift NSDate().timeIntervalSince1970 Go import ("time")int32(time.Now().Unix() ...

  6. 在线摩斯密码在线翻译转换工具

    在线摩斯密码在线翻译转换工具 在线摩斯密码在线翻译转换工具 本工具可以在浏览器本地将文本转换成摩斯密码,也可以将摩斯密码翻译成可视化文本内容. 本工具可以在浏览器本地将文本转换成摩斯密码,也可以将摩斯 ...

  7. 这 6 款在线 PDF 转换工具,得试

    读者提问: 免费好用的在线 PDF 转换工具有推荐的吗 ? 阿常回答: 有,这 6 款在线 PDF 转换工具,免费实用,快来试试吧! 1.pdftoword(支持 PDF 与 Word.TXT.图片. ...

  8. HTTP中的中文编码与在线编码转换工具

    在使用IE浏览器浏览页面,发现一段带有"%"的URL参数(URL如下), http://XXX.XXX.XXX:8086/XXX.aspx?term=%E6%95%B0%E6%8D ...

  9. 【Web技术】1064- 前端9种图片格式基础知识, 你应该知道的

    彩色深度 彩色深度标准通常有以下几种: 8位色,每个像素所能显示的彩色数为2的8次方,即256种颜色. 16位增强色,16位彩色,每个像素所能显示的彩色数为2的16次方,即65536种颜色. 24位真 ...

最新文章

  1. php模板引擎如何实现,php模板引擎技术简单实现
  2. RandomForest:随机森林预测生物标记biomarker——分类
  3. 做好自己该做的,赢取自己这一份努力
  4. 让你不再害怕指针(一)
  5. python基础知识点-Python基础中的29个知识点
  6. 使用Lombok优化代码
  7. linux下直接使用base64就可转换图片为二进制
  8. JQUERY使选定DOM元素还原end
  9. Linux 驱动开发之内核模块开发(四)—— 符号表的导出
  10. 具有IOctl的简单字符驱动
  11. 持续交付 devops_使用DevOps开始加速软件交付
  12. Linux之父新年首次“炮轰”:英特尔在扼杀整个ECC行业
  13. 从小白到大牛,程序员必读的经典套系书
  14. java中中文显示乱码_java中显示中文乱码解决方法
  15. 专业破解各种版本的IDEA
  16. SpringBoot-短信发送
  17. linux的sssd服务,Linux sssd 认证
  18. mist linux安装位置,Mist(以太坊浏览器)
  19. ANSYS预紧力螺栓连接结构(—HyperMesh添加预压力单元)
  20. iOS - 暗黑模式图片、颜色的适配

热门文章

  1. “财界奥斯卡”CGMA全球管理会计中国大奖榜单公布
  2. 《Spring》第二十一篇 事务底层源码解析
  3. (1)我们的代码被 “送进城里 ” 后发生了什么 ^o^ —— 「进程」篇
  4. 机器学习为什么重要_机器学习:它是如何工作的; 更重要的是,为什么它起作用?...
  5. 虚拟机VMware 安装centos、常规配置、共享文件等
  6. 如何删除下一页分节符_页面布局里分节符添加的下一页空白页怎么删 - 卡饭网...
  7. 点燃你温暖我 爱心 源码
  8. 技巧 | 使用基础绘图系统绘制「森林图」
  9. 实现类似元气骑士的游戏
  10. 计算机课程CAP,大学计算机基础CAP