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

原文地址:http://blog.csdn.net/xiaolongtotop/article/details/8316554

目前,文字信息仍是网站最主要的内容,随着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

时间: 01-31

web字体格式及几种在线格式转换工具介绍的相关文章

linux的gzip、bzip2、xz三种压缩使用方法工具介绍

压缩打包介绍: 常用压缩文件类型: 1.windows:.rar/.zip/.7z 2.linux:.zip/.gz/.bz2/.xz/.tar/.gz/.tar/.bz2/.tar/.xz gzip压缩工具: 1.实验,cd到/tmp目录下,使用mkdi创建一个目录d6z,在cd到d6z目录下创建一个文本1.txt,文本里面放入些内容,把空间加大,然后使用命令gzip压缩及解压缩过程. 实验操作如下: [[email protected] ~]# cd /tmp/      //先进入tmp目

制作web字体:CSS3 @font-face

@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,另外@font-face这个功能早在IE4就支持了,比如说首页的Logo,Tags以及页面中的手写英文体这些都可以用@font-face来实现了. 首先我们一起来看看@font-face的语法规则: @font-face { font-family: <YourWebFontName>; src: <sou

html5——web字体

基本介绍 1.自定义网页特殊字体,无需考虑用户电脑上是否安装了此特殊字体,从此把特殊字体处理成图片的时代便成为了过去. 2.支持程度比较好,甚至IE低版本浏览器也能支持. 字体格式 1..eot格式:IE专用字体,支持浏览器IE4+ 2..ttf格式:Windows和Mac的最常见的字体,是一种RAW格式,支持浏览器有IE9+.Firefox3.5+.Chrome4+.Safari3+.Opera10+.iOS Mobile.Safari4.2+ 3..otf格式:被认为是一种原始的字体格式,其

Web API 方法的返回类型、格式器、过滤器

一.Action方法的返回类型 a) 操作方法的返回类型有四种:void.简单或复杂类型.HttpResponseMessage类型.IHttpActionResult类型. b) 如果返回类型为void,请求结束后HTTP状态码为204(No Content),如果返回类型为复杂类型,则对象会被转化为Json字符串后传输. c) 从图示的Web API的大致交互过程可以看到,Controll返回的是HttpResponseMessage类型,然后转换为HttpResponse提供给调用端.同时

几种图片格式的简介

http://blog.ibireme.com/2015/11/02/mobile_image_benchmark/ 几种图片格式的简介 首先谈一下大家耳熟能详的几种老牌的图片格式吧: JPEG 是目前最常见的图片格式,它诞生于 1992 年,是一个很古老的格式.它只支持有损压缩,其压缩算法可以精确控制压缩比,以图像质量换得存储空间.由于它太过常见,以至于许多移动设备的 CPU 都支持针对它的硬编码与硬解码. PNG 诞生在 1995 年,比 JPEG 晚几年.它本身的设计目的是替代 GIF 格

物联网【劲爆发现】免费云服务平台,AP透传,Web透传,ESP8266,Hex格式数据

[劲爆发现]免费云服务平台,AP透传,Web透传,ESP8266,Hex格式数据,安卓一键配置 今日,闲暇,发布一个免费的云服务器,供大家测试,先上图,看看如何使用吧. 1.   先从附件下载Esp8266固件及其下载工具,如下图 链接:http://pan.baidu.com/s/1jI8iIwA 密码:q6yz 2.打开烧写工具,选择0x0000和0x4000,对比下图 3.一键烧写,等待下面显示成功(需将gpio0拉低,基础知识) 4.模块烧写成功后上电,下载附件安卓app,安装后打开 链

heic转换格式的两种方法:你get到了吗

看到标题是不是很激动呢?一直都不知道怎么转换heic格式的朋友今天碰巧了,苦恼到今天以后就柳暗花明了,其实作为果粉,理应是懂得的,今天直接进入主题,一起来看看怎么转换格式吧! 保证网络能够正常使用,将手机中的图片传到电脑上,等待转换. 辅助转换:1.在电脑上安装苹果HEIC图片转换器并且双击运行,点击"添加图片"即可将电脑中打不开的heic图片都添加到转换器中进行转换: 2.然后修改格式.大小以及画质(图片质量),包括转换器右上角的"输出目录"都可以重新进行修改:

XML的两种常见格式

写了好长时间感觉SAX解析也不难理解,主要是XML文档的格式我们不熟悉,熟悉了XML文档的格式,再来看SAX解析就好多了!所以写了这篇关于XML文档常见的两种格式的详细解读 先来类比一下两种格式: XML第一种形式: 此时我们需要解析的是元素(元素属性),下面是NSParser的几个代理方法,给出打印结果,通过打印结果来加深对XML文档的解析的理解 只给出打印结果的开始和结束部分来说明 注意观察didEndElement和foundCharacters两个方法的顺序 结合XML文档来说明: 1>

[WEB API] CLIENT 指定请求及回应格式(XML/JSON)

[Web API] Client 指定请求及响应格式(xml/json) Web API 支持的格式请参考 http://www.asp.net/web-api/overview/formats-and-model-binding 本篇则要演练xml/json 回应 Get 定义 Header:Content-Type 定义 QueryString 请求 Post POST json 数据 POST xml 数据 回应 Get 定义 Header:Content-Type 测试工具:本来想用 p