网页设计中常用的web安全字体及CSS写法
HTML,CSS,font-family:中文字体的英文名称
| 中文名 | 对照名 | css写法 |
|---|---|---|
| 宋体 | SimSun | font-family:SimSun; |
| 黑体 | SimHei | font-family:SimHei; |
| 微软雅黑 | Microsoft YaHei | font-family:Microsoft YaHei; |
| 微软正黑体 | Microsoft JhengHei | font-family:Microsoft JhengHei; |
| 新宋体 | NSimSun | font-family:NSimSun; |
| 新细明体 | PMingLiU | font-family:PMingLiU; |
| 细明体 | MingLiU | font-family:MingLiU; |
| 标楷体 | DFKai-SB | font-family:DFKai-SB; |
| 仿宋 | FangSong | font-family:FangSong; |
| 楷体 | KaiTi | font-family:KaiTi; |
| 仿宋_GB2312 | FangSong_GB2312 | font-family:FangSong_GB2312; |
| 楷体_GB2312 | KaiTi_GB2312 | font-family:KaiTi_GB2312; |
宋体:SimSuncss中中文字体(font-family)的英文名称
Mac OS的一些:
| 中文名 | 英文名 | css写法 |
|---|---|---|
| 华文细黑 | STHeiti Light [STXihei] | font-family:STHeiti Light; |
| 华文黑体 | STHeiti | font-family:STHeiti; |
| 华文楷体 | STKaiti | font-family:STKaiti; |
| 华文宋体 | STSong | font-family:STSong; |
| 华文仿宋 | STFangsong | font-family:STFangsong; |
| 儷黑 Pro | LiHei Pro Medium | font-family:Pro LiHei Pro Medium; |
| 儷宋 Pro | LiSong Pro Light | font-family: Pro LiSong Pro Light; |
| 標楷體 | BiauKai | font-family:BiauKai; |
| 蘋果儷中黑 | Apple LiGothic Medium | font-family:Apple LiGothic Medium; |
| 蘋果儷細宋 | Apple LiSung Light | font-family:Apple LiSung Light; |
Windows的一些:
新細明體:PMingLiU
細明體:MingLiU
標楷體:DFKai-SB
黑体:SimHei
新宋体:NSimSun
仿宋:FangSong
楷体:KaiTi
仿宋_GB2312:FangSong_GB2312
楷体_GB2312:KaiTi_GB2312
微軟正黑體:Microsoft JhengHei
微软雅黑体:Microsoft YaHei
装Office会生出来的一些:
隶书:LiSu
幼圆:YouYuan
华文细黑:STXihei
华文楷体:STKaiti
华文宋体:STSong
华文中宋:STZhongsong
华文仿宋:STFangsong
方正舒体:FZShuTi
方正姚体:FZYaoti
华文彩云:STCaiyun
华文琥珀:STHupo
华文隶书:STLiti
华文行楷:STXingkai
华文新魏:STXinwei
几个网站使用的好看的字体实例:
例1(小米米官网):font-family: “Arial”,”Microsoft YaHei”,”黑体”,”宋体”,sans-serif;
例2(淘宝技术研发中心):font: 12px/1.5 Tahoma,Helvetica,Arial,’宋体’,sans-serif;
例3(加网 ):font: 14px/1.5 ‘Microsoft YaHei’,arial,tahoma,\5b8b\4f53,sans-serif;
例4(淘宝UED):font: 12px/1 Tahoma,Helvetica,Arial,”\5b8b\4f53″,sans-serif;
例5(一淘UX):font-family: Helvetica, ‘Hiragino Sans GB’, ‘Microsoft Yahei’, ‘微软雅黑’, Arial, sans-serif;
哇,最近我刚好用到!我能记录一份在我的博客里吗?
哈哈,可以的,拿去吧 [xieyanxiao]
大佬大佬
别大佬了,前两天作死时忘记备份了,害我丢失了部分评论加篇文章 [piezui] [penxue]
字体不要乱用呀,特别是商用的网站...会受到律师函。
是嘛,你别吓我啊 [xiaoku]
给大肥开一手网易云会员? [huaixiao]
淘宝上搜索 [xieyanxiao]
中文字体引用还是个难题
[xiaoku] 也许某天就不是难题了
值得收藏的内容。。。不然每次都配不好字体。。
O(∩_∩)O哈哈~
大概懂了
哈哈
字体很重要啊,收藏
好看的字体视觉会舒服点 [xieyanxiao]
这个不错,收藏了,我总感觉我的网站字体不好看!
坚持更新,做好自己
小陌搞神魔恋????催更催更,你搞这个东西 [penxue]
在下呆头鹅小陌,你搞这些个东西,别催更,不更不更我不更 [xieyanxiao]
爱的那么认真,爱的那么认真,可还是听见了你...说不可能
收藏了,蛮有用的!!