网页字体设置你通晓呢,网页字体设置

网页字体设置你明白吗?

2016/02/12 · CSS ·
字体

原稿出处:
携程设计委员会   

原先做项目标时候就依葫芦画瓢的装置 { font-family:arial,”microsoft
yahei”,simsun,sans-self; }
等相近的书体,然则当越多的配备和系统出现后,在此之前那样的安装已无法满意网页在各配备上的突显必要。

就拿最简便的仿宋(simsun)来说吧,在Windows系统下显得是3个比较便于阅读的字体,可是在Mac上差不离不能专心,如下图给出3个优化前后页面的对待效果:

美高梅开户网址 1

之所以,出于各个原因,促使本人只好去对字体做2个一见仍然的精晓。

对此网站字体设置,本文给出以下意见:

移动端项目:

font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid
Sans Fallback”,”Heiti SC”,sans-self;

 

pc端(含Mac)项目:

font-family:Tahoma,Arial,”Helvetica Neue“,”Hiragino Sans
GB”,Simsun,sans-self;

 

移动和pc端项目:

font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid
Sans Fallback”,”Heiti SC”,”Hiragino Sans GB”,Simsun,sans-self;

 

 

网页字体设置你通晓呢,网页字体设置。第1说说字体的种类,字体分为五大品种,但是各配备的支撑情状也个差异等,如,

各活动设备系统支持境况:

五大类字体 安卓4.0 IOS6.0 WP8
sans-serif(无衬线) 支持 支持 支持
serif(衬线) 支持 支持 支持
monospace(等宽) 支持 支持 支持
fantasy(梦幻) 不支持 支持 不支持
cuisive(草体) 不支持 不支持 不支持

 

理所当然方今那只是活动设备各系统的支持情状,但是pc端个浏览器的支撑情形也各差异,如:

五大类字体 IE系列 Chrome Firefox
sans-serif(无衬线) 支持 不支持 不支持
serif(衬线) 支持 支持 支持
monospace(等宽) 支持 支持 支持
fantasy(梦幻) 支持 支持 支持
cuisive(草体) 不支持 不支持 不支持

 

下边介绍下个连串的暗中认同字体和常用字体:

系统 默认西文字体 默认中文字体 其他常用西文字体 其他常用中文字体
Windows 宋体 宋体 Tahoma、Arial、Verdana、Georgia 微软雅黑、黑体
Android 4.0以下 Droid Sans Droid Sans Fallback Arial 无宋体、无微软雅黑
Android 4.0及以上 Roboto Roboto Arial 无宋体、无微软雅黑
iOS Helvetica Neue Heiti SC (黑体) Tahoma(v7.0)、Arial、Verdana、Georgia STHeiti(v7.0)、无宋体、无微软雅黑
Mac OS X 10.6以下 Helvetica Neue STHeiti (华文黑体) Tahoma、Arial、Verdana、Georgia 宋体、无微软雅黑
Mac OS X 10.6及以上 Helvetica Neue Hiragino Sans GB  (冬青黑体简体中文) Tahoma、Arial、Verdana、Georgia 宋体、无微软雅黑

参考资料:iOS6字体列表、iOS7字体列表、Mac
OS X
 10.6字体列表、Mac
OS X
10.7字体列表 等,在看了一部分材质之后,对系统和浏览器下的字体就有了一个主题的认识。

有众多同桌见状上边这一个报表里面的定论,大概就会想到:可以只设置西文字体不安装汉语字体。

只设置西文字体不安装粤语字体是或不是足以?答案自然是不得以。因为上边那个系统和浏览器的私自认同字体也只是是是2个卓绝状态下的装置,那些暗中认同字体仅限于浏览器或系列最初的暗中同意字体。将来的无绳电话机都辅助字体更换,对于浏览器而已也是如此,以往的浏览器都扶助用户自身安装字体。由此,只设置西文字体而忽略中文字体设置是存在必然的危险性的。

 

对在此之前几天Adroid系统的各样字体app,如:字体管家、字体管理等。若是用户本人下载相关的app字体软件将字体改掉,那种景色下,大家该怎么处置?

假诺用户将暗许的体系字替换掉,那我们就只好用此外的中文字体来代表现实,然则就现阶段而言,移动端的汉语字体格外少(大约是唯一性),因而,自己还未曾找到呼应的化解办法,先前时期找到方法再享受出去。

2 赞 13 收藏
评论

美高梅开户网址 2

以前做项目标时候就依葫芦画瓢的安装 { font-family:arial,”microsoft
yahei”,simsun,sans-self; }
等看似的字体,可是当越来越多的设施和系统出现后,在此以前那样的装置已不只怕知足网页在各配备上的来得须求。

[美高梅开户网址,转载]网页字体设置你打探吗?,转发字体设置

从前做项目标时候就依葫芦画瓢的设置 { font-family:arial,”microsoft
yahei”,simsun,sans-self; }
等接近的字体,然则当更加多的装备和系统出现后,在此之前那样的安装已不可以满意网页在各配备上的呈现需要。

就拿最简便的金鼎文(simsun)来说呢,在Windows系统下显得是2个比较便于阅读的字体,然则在Mac上大概不只怕全身心,如下图给出3个优化前后页面的对待效果:

出处:


于是,出于种种原因,促使自个儿只好去对字体做1个对应的问询。

对此网站字体设置,本文给出以下意见:

移步端项目:

font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid
Sans Fallback”,”Heiti SC”,sans-self;

 

pc端(含Mac)项目:

font-family:Tahoma,Arial,”Helvetica Neue“,”Hiragino Sans
GB”,Simsun,sans-self;

 

移动和pc端项目:

font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid
Sans Fallback”,”Heiti SC”,”Hiragino Sans GB”,Simsun,sans-self;

第贰说说字体的类型,字体分为五大种类,不过各配备的帮助意况也个分化等,如,

各活动设备系统协助景况:

五大类字体 安卓4.0 IOS6.0 WP8
sans-serif(无衬线) 支持 支持 支持
serif(衬线) 支持 支持 支持
monospace(等宽) 支持 支持 支持
fantasy(梦幻) 不支持 支持 不支持
cuisive(草体) 不支持 不支持 不支持

 

理所当然近年来这只是活动设备各系统的资助情形,不过pc端个浏览器的支撑情形也各差异,如:

五大类字体 IE系列 Chrome Firefox
sans-serif(无衬线) 支持 不支持 不支持
serif(衬线) 支持 支持 支持
monospace(等宽) 支持 支持 支持
fantasy(梦幻) 支持 支持 支持
cuisive(草体) 不支持 不支持 不支持

 

上边介绍下个连串的暗中同意字体和常用字体:

系统 默认西文字体 默认中文字体 其他常用西文字体 其他常用中文字体
Windows 宋体 宋体 Tahoma、Arial、Verdana、Georgia 微软雅黑、黑体
Android 4.0以下 Droid Sans Droid Sans Fallback Arial 无宋体、无微软雅黑
Android 4.0及以上 Roboto Roboto Arial 无宋体、无微软雅黑
iOS Helvetica Neue Heiti SC (黑体) Tahoma(v7.0)、Arial、Verdana、Georgia STHeiti(v7.0)、无宋体、无微软雅黑
Mac OS X 10.6以下 Helvetica Neue STHeiti (华文黑体) Tahoma、Arial、Verdana、Georgia 宋体、无微软雅黑
Mac OS X 10.6及以上 Helvetica Neue Hiragino Sans GB  (冬青黑体简体中文) Tahoma、Arial、Verdana、Georgia 宋体、无微软雅黑

 

参考资料: iOS6字体列表、 iOS7字体列表、 Mac OS X  10.6字体列表、 Mac OS
X
10.7字体列表 等,在看了一部分资料之后,对系统和浏览器下的字体就有了三个着力的认识。

有无数同室看到上边这一个报表里面的定论,可能就会想到:可以只设置西文字体不安装普通话字体。

只设置西文字体不设置汉语字体是或不是足以?答案当然是不可以。因为地方那几个连串和浏览器的暗中认同字体也单独是是三个优良图景下的装置,这几个暗中同意字体仅
限于浏览器或系统最初的私行认同字体。未来的无绳电话机都辅助字体更换,对于浏览器而已也是那般,未来的浏览器都帮衬用户本人安装字体。因而,只设置西文字体而忽略
普通话字体设置是存在必然的危险性的。

 

对此今日Adroid系统的各样字体app,如:字体管家、字体管理等。若是用户自身下载相关的app字体软件将字体改掉,那种状态下,大家该怎么惩处?

假如用户将私自认同的序列字替换掉,那我们就只能用其它的汉语字体来替代现实,然则就近年来而言,移动端的汉语字体非凡少(大约是唯一性),因而,本身还尚无找到呼应的消除办法,前期找到办法再享受出去。

下面是各类平台(移动端、PC端)的书体资助情形:

 

网页字体设置

主意壹 、打开IE—工具栏——查看——文字大小(最大,较大,中……)设置好后重开IE即可。
方法② 、建个记事本,输入如下内容:
body,td,tr,table,form,option,select,main,input,textarea,p
{
font-size:12px;
}

将它保存为css格式的样书文件,其中的“font-size”后的数值可活动修改,数值越大呈现的书体就越大。
然后在ie里,在internet选项,扶助成效,勾选“不要用网页的字体大小”,同时选用“使用样式表编排文档格式”,单击浏览,采取你刚建的css文件,显然,就行了
 

 美高梅开户网址 3

就拿最简易的黑体(simsun)来说吧,在Windows系统下显得是2个比较不难阅读的书体,但是在Mac上几乎无法直视,如下图给出2个优化前后页面的对照效果:

网页上的有个别字体变了,如图,怎更改回来? (我的网页字体设置里的字体是设置的“金鼎文”与“新燕书”)

打开IE浏览器,点工具->Internet
选项->常规选项卡->支持功效->看看其中有没打着勾,有的话去掉就好了。
 

此前做项目标时候就依葫芦画瓢的装置 { font-family:arial,microsoft
yahei,simsun,sans-self; } 等接近的…

美高梅开户网址 4

 

 种种系统的可比

美高梅开户网址 5

美高梅开户网址 6

 

 

故而,出于各样原因,促使本身只可以去对字体做壹个东施效颦的问询。

提议在网页开发中的字体设置

 

  1.移动端项目:

对此网站字体设置,本文给出以下意见:

    font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica
Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-serif;

 

  2.pc端(含Mac)项目:**

移动端项目:

    font-family:Tahoma,Arial,”Helvetica Neue“,”Hiragino Sans
GB”,Simsun,sans-
serif,Microsoft Yahei;

 

  3.移动和pc端项目:**

font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid
Sans Fallback”,”Heiti SC”,sans-self;

    font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica
Neue”,”Droid Sans Fallback”,”Heiti SC”,”Hiragino Sans
GB”,Simsun,sans-**
serif**;

 

pc端(含Mac)项目:

 

font-family:Tahoma,Arial,”Helvetica Neue“,”Hiragino Sans
GB”,Simsun,sans-self;

 

移动和pc端项目:

 

font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid
Sans Fallback”,”Heiti SC”,”Hiragino Sans GB”,Simsun,sans-self;

 

先是说说字体的类型,字体分为五大门类,但是各装备的支撑情形也个不平等,如,

 

各移动设备系统支持情形:

 

五大类字体 安卓4.0 IOS6.0 WP8
sans-serif(无衬线) 支持 支持 支持
serif(衬线) 支持 支持 支持
monospace(等宽) 支持 支持 支持
fantasy(梦幻) 不支持 支持 不支持
cuisive(草体) 不支持 不支持 不支持

 

理所当不过今那只是移动设备各系统的支撑情况,但是pc端个浏览器的匡助情状也各分裂,如:

 

五大类字体 IE系列 Chrome Firefox
sans-serif(无衬线) 支持 不支持 不支持
serif(衬线) 支持 支持 支持
monospace(等宽) 支持 支持 支持
fantasy(梦幻) 支持 支持 支持
cuisive(草体) 不支持 不支持 不支持

 

下边介绍下个种类的私行认同字体和常用字体:

 

系统 默认西文字体 默认中文字体 其他常用西文字体 其他常用中文字体
Windows 宋体 宋体 Tahoma、Arial、Verdana、Georgia 微软雅黑、黑体
Android 4.0以下 Droid Sans Droid Sans Fallback Arial 无宋体、无微软雅黑
Android 4.0及以上 Roboto Roboto Arial 无宋体、无微软雅黑
iOS Helvetica Neue Heiti SC (黑体) Tahoma(v7.0)、Arial、Verdana、Georgia STHeiti(v7.0)、无宋体、无微软雅黑
Mac OS X 10.6以下 Helvetica Neue STHeiti (华文黑体) Tahoma、Arial、Verdana、Georgia 宋体、无微软雅黑
Mac OS X 10.6及以上 Helvetica Neue Hiragino Sans GB  (冬青黑体简体中文) Tahoma、Arial、Verdana、Georgia 宋体、无微软雅黑

 

参考资料:iOS6字体列表、iOS7字体列表、Mac OS X  10.6字体列表、Mac OS X
10.7字体列表
等,在看了一部分资料之后,对系统和浏览器下的字体就有了3个为主的认识。

 

有众多同学看到上边这几个报表里面的定论,只怕就会想到:可以只设置西文字体不设置普通话字体。

 

只设置西文字体不设置中文字体是或不是可以?答案当然是不得以。因为地方那个连串和浏览器的暗中认同字体也单独是是二个优异图景下的设置,这一个暗中认可字体仅限于浏览器或连串最初的私自认同字体。未来的手机都帮忙字体更换,对于浏览器而已也是那样,以往的浏览器都扶助用户自身设置字体。由此,只设置西文字体而忽视汉语字体设置是存在一定的危险性的。

 

对于当今Adroid系统的种种字体app,如:字体管家、字体管理等。若是用户自个儿下载相关的app字体软件将字体改掉,那种情景下,咱们该怎么惩处?

 

一经用户将暗中同意的体系字替换掉,那大家就只能够用其它的汉语字体来代表现实,不过就现阶段而言,移动端的普通话字体非凡少(大约是唯一性),因而,本身还并未找到呼应的消除办法,前期找到方法再享受出去。

 

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图