首页 > 最新动态 > 内力博客

网站设计中字体及浏览器兼容性

分类:设计    标签:    浏览[4655]    评论[4]

02月05日
2015年

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

上海嘉定区网站制作公司 上海浦东网站制作公司 上海徐汇区网站制作公司 上海闵行区网站制作公司

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可实现色彩线性变化、路径、自定义字体、透明效果、滤镜效果等各式常见的图形图像效果。

 

 

浏览器兼容性一览

使用CSS3的@font-face属性可以实现在网页中嵌入任意字体,但是IE只支持微软自有的EOT格式字体,而其他浏览器都不支持这一字体格式,其它浏览器可以设置TTF(TrueType)和OTF(OpenType)两种字体作为自定义字体,浏览器对@font-face属性及各种字体格式支持详的细情况如下:

 上海做网站最好的公司 上海闸北区网站制作公司 上海普陀区网站制作公司 上海宝山区网站制作公司

上一篇:无   下一篇:无

返回上一级

评论 [发评论]
dd 2017-09-06 14:02:10

mt0906

supreme uk

louboutin shoes

ralph lauren uk

cat boots

pandora charms

supreme

coach handbags

nike outlet store

christian louboutin outlet

adidas outlet

burberry sale

michael kors outlet

ray ban sunglasses discount

nike outlet

birkenstock shoes

cheap nfl jerseys

rayban

christian louboutin

longchamp handbags

ralph lauren uk

moncler outlet

cheap ray ban sunglasses

coach factory outlet

tory burch outlet store

cheap oakley sunglasses

gucci outlet

coach factory outlet online

moncler jackets outlet

coach factory outlet

michael kors outlet

adidas yeezy boost

coach outlet

adidas nmd

nike outlet online

ralph lauren outlet

discount ray ban sunglasses

michael kors canada

north face outlet online

michael kors factory outlet

canada goose sale

fitflops sale

cheap ugg boots

cheap jordans free shipping

coach factory outlet

pandora outlet

coach factory outlet

cheap uggs

yeezy boost 350

canada goose outlet

polo ralph lauren

coach outlet

superdry

pandora charms

ugg outlet

louboutin shoes

christian louboutin outlet

ugg outlet store

cheap ugg boots

coach outlet

coach factory outlet

toms shoes outlet

pandora jewelry

red bottom shoes

toms outlet

coach factory outlet

coach outlet

mulberry outlet

michael kors handbags

red bottoms

north face outlet

longchamp handbags

burberry handbags

birkenstock sandals

uggs canada

pandora outlet

mlb jerseys cheap

pandora jewelry

mlb jerseys wholesale

michael kors outlet

michael kors uk

jordan retro

nike shoes

nfl jerseys wholesale

nike store

ralph lauren sale clearance

adidas shoes

uggs

longchamp uk

michael kors outlet

coach outlet store

oakley sunglasses

adidas nmd

ugg sale

yeezy 350 boost

nmd adidas

cheap oakley sunglasses

coach factory outlet

adidas yeezy

canada goose outlet

superdry uk

beats by dr dre

hermes handbags

birkenstock sandals

longchamp bags

coach outlet

ray ban sunglasses

ugg outlet store

pandora charms sale clearance

cheap jordans

canada goose jackets

ray ban sunglasses

canada goose

adidas yeezy

discount oakley sunglasses

ultra boost

canada goose sale

valentino shoes outlet

coach outlet

coach outlet

jordan retro 11

polo ralph lauren outlet

ugg boots canada

moncler

michael kors outlet online

birkenstock sandals

ralph lauren uk

michael kors outlet

moncler jackets

ugg outlet

cheap mlb jerseys

tory burch outlet

ugg outlet

coach outlet store

coach outlet

ralph lauren outlet

pandora charms uk

kate spade handbag

ugg boots

ugg outlet

yeezy boost

pandora charms

polo ralph lauren

louboutin shoes

michael kors handbags

louis vuitton outlet

birkenstocks

canada goose uk

cheap jordans

ugg boots

ugg boots

air max 2018

louis vuitton outlet store

jordan shoes

cheap ray bans

coach outlet store

harden vol 1

ugg outlet

coach outlet online

james harden shoes

ralph lauren sale clearance

ralph lauren outlet

ugg outlet store

michael kors canada

adidas superstar

longchamp uk

ralph lauren outlet

kate spade outlet store

nike shoes for men

coach outlet

ray ban sunglasses

yeezy boost

christian louboutin

nike cortez

kate spade outlet

pandora charms

pandora outlet

coach canada

valentino shoes

kate spade handbags

polo ralph lauren outlet online

nike air max

adidas shoes

adidas shoes

michael kors outlet

ugg boots on sale

toms shoes outlet

cheap nfl jerseys

coach factory outlet

ugg boots

ray ban sunglasses

coach outlet

louis vuitton outlet

ugg boots

louis vuitton factory outlet

coach outlet

ralph lauren outlet

birkenstock outlet

doudoune moncler

ugg boots on sale

coach outlet

oakley sunglasses

coach outlet

toms shoes

nike shoes

ray ban sunglasses

canada goose sale

polo ralph lauren

christian louboutin outlet

beats by dre

christian louboutin

nmd adidas

ugg ustralia

pandora jewelry

mulberry uk

coach factory outlet

coach outlet store online clearances

adidas yeezy

cheap uggs

ralph lauren sale clearance

burberry outlet canada

pandora jewelry

uggs on sale

canada goose outlet

canada goose outlet

kate spade bags

michael kors outlet clearance

ralph lauren uk

ralph lauren outlet online

moncler outlet

ugg boots for women

red bottoms shoes

oakley sunglasses

ugg outlet

air jordans

canada goose jackets

nike huarache

fitflops

coach outlet

nike outlet

ugg sandals

pandora

canada goose outlet

polo ralph lauren

kate spade outlet

adidas outlet

mulberry bags

cheap mlb jerseys

coach outlet

kate spade

yeezy boost

canada goose outlet

oakley sunglasses

hermes birkin

mulberry handbags

yeezy boost 350

pandora jewelry

coach factory outlet

coach outlet

pandora jewelry

cheap uggs

ugg boots

coach factory outlet

michael kors handbags

coach outlet

ralph lauren outlet

coach factory outlet

coach bags

ray ban sunglasses discount

canada goose jackets

ugg slippers

coach outlet store

moncler outlet

christian louboutin outlet

cheap nfl jerseys wholesale

burberry sale

nmd shoes

coach outlet

timberland outlet

toms shoes

hermes handbags

ralph lauren outlet

mbt shoes

ugg australia

michael kors handbags

coach outlet store

cheap jordans

moncler outlet

cheap mlb jerseys

hermes handbags

pandora uk

adidas yeezy boost

ugg outlet

pandora charms sale

cheap ray ban sunglasses

dd 2017-09-06 13:59:18

mt0906ralph lauren outletugg outletsuperdryjordansmoncler outletoakley sunglassescanada goose outletjordan shoescanada goose saleray ban sunglasses discountlongchamp outlettoms shoes outletmichael kors handbagsugg outletbeats by dr dreoakley sunglassescoach outletugg outletcoach factory outletralph lauren ukcanada goose outletbirkenstock shoesbeats by dreray ban sunglassescoach factory outletnfl jerseys wholesalecheap jordansadidas shoescheap uggscoach factory outlet onlinelouis vuitton outletcoach outletyeezy boost 350ralph lauren outletcanada goose salepandora charmscheap oakley sunglassesugg bootsadidas shoesray ban sunglassesburberry salepandora outletvalentino shoespandora charms sale clearancepolo ralph lauren outlettoms shoes outletpandora outletpandora charms salecheap ray bansharden vol 1adidas yeezycheap ray ban sunglassesadidas outletray ban sunglasses discountpandora jewelrycoach outletbirkenstock sandalsugg outletcanada goose jacketscoach factory outletcoach factory outletugg outlet storemichael kors outlet storejordan retro 11coach outletbirkenstockscoach outletnmd adidascheap mlb jerseysoakley sunglassestory burch outlet storecheap jordansultra boostjordan retromichael kors outlet storeadidas nmdbirkenstockspolo ralph lauren outletuggs outletnmd shoescoach outlet onlinecanada goose jacketsmichael kors outletadidas yeezy boostlongchamp ukcheap jordansugg salemulberry bagsnmd adidascoach outletcoach outlet storecoach outlethermes birkinlouis vuitton outlet storecanada gooseralph lauren outletburberry salemichael kors outletkate spade outlet storeralph lauren sale clearancecoach factory outlettimberland outletralph lauren sale clearancemichael kors canadamulberry ukdoudoune monclerair jordansmbt shoescanada goose outletcanada goose outletnike cortezugg ustraliacoach outletchristian louboutinkate spade outletlongchamp handbagspandora charms uknike outletugg slippersmoncleradidas nmdsuprememulberry handbagscheap jordansadidas yeezyuggs on salelouis vuitton outletcanada goosepandora charmskate spade bagskate spade handbagraybanugg bootsralph lauren outletralph lauren outletchristian louboutin outletyeezy boostpandora jewelryugg sandalscoach outletcoach outletpandora charmspandora jewelrymichael kors handbagsadidas yeezy boostlongchamp handbagscoach outletpandora jewelrynike outletpolo ralph lauren outlet onlinekate spade outletjames harden shoesdiscount oakley sunglassesburberry handbagsmichael kors handbagscoach handbagskate spade handbagsburberry outletugg bootspandora jewelry outletnike storeugg boots canadaray ban sunglassescoach outletcoach outlet storecoach canadayeezy boostkate spadecoach outletcanada goose ukcoach factory outletcoach bagscoach factory outletralph lauren uknike shoescheap ugg bootsmichael kors outletbirkenstock sandalsmichael kors outletpandora jewelrypolo ralph laurenmoncler outletoakley sunglassescoach factory outlettoms shoescoach outlet storeugg outlethermes handbagscheap ray ban sunglassesair max 2018ugg outletugg bootschristian louboutin outletchristian louboutinralph lauren outlet onlinelouboutin shoesralph lauren outletpandora outletmichael kors ukmichael kors outletred bottomsmichael kors handbagsyeezy boost 350moncler jacketscanada goose jacketsmoncler jackets outletcheap jordans free shippingfitflops saleralph lauren ukpandora charmsugg outletmichael kors outletChassest

2017-06-19 21:17:53
Kamagra Next Day Uk Buying Viagra Online Prevacid Dapoxetine Acheter Order Propecia Fedex Shipping Zentel Amoxicillin And Mononucleosis Levitra Now Online Buy Cheap Kamagra Online Cialis Andorra No Script Levitra Come Acquistare Cialis In Farmacia Soft Chew Viagra Canadian Online Sales viagra Buy Viagra Online Usa Cialis 10 Mg Effetti Cheap Viagra Samples Long Term Effects Of Propecia 200 Mg Generic Viagra Pills buy cialis 2006 Amoxicillin March Mt Cats On Amoxicillin Levitra Free Trial Kamagra Creditcard Viagra Dealers Inside The Us Viagra Pill Pink Amoxicillin Online Canadian Pharmacies cialis online Cialis 20mg Lilly Kaufen Viagra In Canada Cheap Viagra On Line Birth Control Pills Direct Secure Ordering Bentyl Saturday Delivery Kingston Priligy Usa Tadalafil 10 Mg Tablets Good Price Levitra Generika Sicher Kaufen Low Price Cialis Cialis Mejor Viagra Online Abortion Pills For Sale Generic Viagra Buy Propecia Side Effects Long Term All Prescription Keflex Pulvule Propecia For Men Viagra Quelle Dose Viagra Occhi Rossi Sildenafil Citrate Acquisto Cialis Tadalafil Groups 500g Of Amoxicillin Used For Stds Cialis Cost Amoxicillin 500mg Cap Macrobid Niftran Germany Cod Only No Rx Shop How To Get Kamagra Can I Buy Misoprostol At Walgreens Can You Buy Zithromax Over The Counter Get Levitra Jenerik Priligy Propecia Modelo De Utilidad Accutane Generic Cost Levitra In Svizzera Cialis 5 Mg Precio Espana Cialis Free Offer Acquistare Viagra Pfizer Kamagra 50mg Buy Levitra 20mg Usa Kamagra Oral Jelly 100mg Sildenafil Citrato Propecia Leberschaden Buy Cialis Cheap Doryx Bacterial Infections Free Shipping Sporanox Can I Buy Cialis Online Farmacia Kamagra Francia Amoxicillin Dosing For Strep Throat Cialis Buy Online Is Iti Illegal To Buy Drugs From Canada Cialis 20 Mg Eurim Pharm Prices Cialis On Sale Doryx 100mg Low Price Amoxicillin Moblie Al Cheap Generic Cialis Buy Propecia In Canada Side Affect To Cephalexin Best Generic Viagra Ou Acheter Viagra France Achat De Viagra Amoxicillin 875 Milligrams Levitra Now Online Acheter Cialis Tadalafil En Ligne Tadalafil Generico Italia Buy Levitra 10mg Cialis Tabletten Teilen How Does Zithromax Work Levitra Online Cheap Priligy Senza Ricetta Medica Keflex And Amitiza Drug Interaction Low Price Cialis Secure Tab Progesterone On Line Overseas With Free Shipping Highland Viagra Delle Ande Cialis Tadalafil Propecia Rash Propecia Efectividad Levitra Pill Cialis Generique Effets Secondaires Stendra 100mg Where To Purchase viagra Acheter Du Cytotec Sans Ordonnance Achat Viagra Sur Internet Forum Need To Order Cialis Cialis Argentina Precios Keflex E Coli Suseptability realcheaplevitra Keflex And Stomach 25 Lb Toddler Dosage Of Amoxicillin Generic Viagra 100mg Buy Viagra Super Active Online Amoxil Cat Days Buy Brand Levitra El Kamagra Amoxicillin Milk viagra online prescription Filling A Prescription For Viagra Speedial Buy Cheap Levitra Keflex Dose For Adult Strep Throat Cephalexin Generation Cephalosporin Cheap Cialis 20mg Keflex Tooth Extraction Levitra Prezzo Farmacia Mail Order Cialis Generic Discount Levitra Purchase Plavix Canada Levitra Pill Costo Viagra In Svizzera Cialis Suisse Vente Cialis Professional Cialis Efectos A Largo Plazo
 
首页 上一页 1 2 下一页 尾页 共 4 条记录
昵    称:
验证码: 看不清,换一张
以上网友发言只代表其个人观点,不代表内力互动的观点或立场。

更多我们的作品

qq客服在线客服