web字体格式转换,几种web字体格式
分类:前端操作

眼前,文字音信仍是网址最重要的剧情,随着CSS3技术的缕缕成熟,Web字体慢慢变为话题,那项让现在Web特别五花八门的技巧拥有各种落到实处方案,在那之中之一是通过@font-face属性在网页中存放自定义字体,主流的浏览器都援救那项技巧,本文介绍首要的三种Web字体魄式及字体魄式转变。

转载自:

 

脚下,文字音信仍是网址最重大的内容,随着CSS3技巧的不断成熟,Web字体慢慢成为话题,这项让今后Web越发琳琅满指标能力具备七种贯彻方案,当中之一是透过@font-face属性在网页中存放自定义字体,主流的浏览器都辅助那项本领,本文介绍首要的两种Web字体魄式及字体魄式调换。

Web字体魄式介绍

 

Web字体魄式介绍

TrueType (.ttf)

Windows和Mac系统最常用的字体魄式,其最大的风味便是它是由一种数学方式来进展定义的依靠轮廓技能的字体,那使得它们比基于矢量的书体更易于管理,保障了显示器与打字与印刷输出的一致性。同时,那类字体和矢量字体相同可以随意缩放、旋转而毋庸挂念会并发锯齿。  

TrueType (.ttf)

Windows和Mac系统最常用的书体魄式,其最大的特色就是它是由一种数学格局来扩充定义的依赖轮廓技艺的书体,那使得它们比基于矢量的字体更便于管理,保险了显示屏与打字与印刷输出的一致性。同一时间,那类字体和矢量字体一样能够Infiniti制缩放、旋转而不要忧郁会现出锯齿。

EOT – Embedded Open Type (.eot)

放置字体魄式(EOT)是微软支付的一种才干,允许 OpenType 字体嵌入到网页并得以下载至浏览器渲染,浏览器依照 CSS 中 @font-face 的定义,下载,渲染这种 .EOT 后缀的字体文件。那些文件只在当前页活动的景色下,不常安装在客户的系统中。  

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最先公布于1999年,并在两千年过后出现一大波字体。它出自微软公司的TrueType Open字型,TrueType Open字型又来自TrueType字型。OpenType font蕴含了Adobe CID-Keyed font技能。Adobe集团现已在2001年末将其字体库全部改用OpenType格式。  

OpenType (.otf)

OpenType是一种可缩放字型(scalable font)Computer字体类型,选用PostScript格式,是United States微软公司与Adobe公司同步开垦,用来代替TrueType字型的新字型。那类字体的文件扩展名叫.otf,类型代码是OTTO,现行反革命标准为OpenType 1.4。OpenType最先公布于一九九七年,并在3000年过后出现大量字体。它出自微软集团的TrueType Open字型,TrueType Open字型又源于TrueType字型。OpenType font满含了Adobe CID-Keyed font技能。Adobe公司现已在二零零二年末将其字体库全体制改善用OpenType格式。

WOFF – Web Open Font Format (.woff)

绝对于 TrueType 和 OpenType ,WOFF(Web开拓字体魄式)是一种特意为了 Web 而规划的字体魄式标准,它并不复杂,实际上只是对于 TrueType / OpenType 等字体魄式的包裹,并针对互联网使用加以优化:各种字体文件中含有字体以及针对性字体的元数据(Metadata),字体文件被减去,以便于网络传输,並且不包蕴别的加密恐怕DRM 措施。包含 Adobe、 Lino Type、Monotype 在内的大概具备重大的书体中间商都投入到支撑 WOFF 的行列中来。  

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可完成色彩线性别变化化、路线、自定义字体、透明效果、滤镜效果等每一项常见的图形图像效果。

...

SVG (Scalable Vector Graphics) Fonts (.svg)

看名就会猜到其意义,便是接纳SVG本事来展现书体,还只怕有一种gzip压缩格式的SVG字体.svgz。SVG可缩放矢量图形(Scalable Vector Graphics)是基于可扩张标识语言(XML),用于描述二维矢量图形的一种图形格式。SVG由W3C拟定,是一个怒放标准。SVG严刻依据XML语法,并用文本格式的描述性语言来描述图像内容,因而是一种和图像分辨率非亲非故的矢量图形格式。SVG能够使您设计的网页能够进一步杰出细致,使用简便的文本命令,SVG可达成色彩线性别变化化、路线、自定义字体、透明效果、滤镜效果等每一种常见的图形图像效果。

在线字体魄式调换工具介绍

Online Font Converter

图片 1

Free Font Conve

图片 2

The FontSquir­rel Con­verter

图片 3

font-face generator

图片 4

Font 2 Web

图片 5

ttf 2 eot

图片 6

otf 2 woff

图片 7

本文由正版必中一肖图发布于前端操作,转载请注明出处:web字体格式转换,几种web字体格式

上一篇:20款好看的英文字体下载,2013年最流行的15款免费 下一篇:SinaEditor的使用方法
猜你喜欢
热门排行
精彩图文