Question to say "I can!"

快三投注平台:让WordPress字体在各平台有较好的显示效果

2015-05-23

来自:从良未遂——让WordPress字体在各平台有较好的显示效果

以前,一个主题用久了就会因为审美疲劳而换掉,看着新换上的主题闪闪发光,觉得自己做了一个英明的决定?;恢魈獾南敕ㄇ凹柑煊置俺隼戳?,这次与审美疲劳无关,紧紧是因为O-Connor主题在Mac的字体实在是不堪入目。在一根筋模式下,几经折腾,终于买了一款还不错的主题。对比过这两款主题,就美观实用来看,还是O-Connor好,但是新买的主题无论在Win下还是Mac下,字体现实都很平滑细腻。昨天突然惊醒:我换个字体不就好了,为什么要换主题呢?

科学上我把我上面的思维模式高度概括为一根筋。博友们的共同观点是,经常折腾主题是新手所为,是不成熟的表现。虽然我不是高手,但是为了装成熟,我决定修改字体属性后继续使用O-Connor。

修改内容:把原有css里body内容

body{font:14px/1.5 arial,SimSun,serif;font-size:0.875rem}

改为以下内容:

body{font-family: "Classic Grotesque W01","Hiragino Sans GB","STHeiti","Microsoft YaHei","WenQuanYi Micro Hei",Arial,SimSun,sans-serif;font-size: 14px;font-size: 0.875rem;overflow-x: hidden}

对比发现,修改后的代码重新声明了字体的属性,具体如下:

1.对于英文字符,首先查找Helvetica(Mac),然后查找Tahoma(Win),都找不到就用Arial(Mac&Win);若是以上三者都缺失,则使用当前默认的sans-serif字体(操作系统或浏览器指定);

2.对于中文字体,首先查找华文细黑(Mac),然后查找微软雅黑(Win),然后是宋体(Win),黑体(Mac&Win,用作Mac的fallback);同理,若是以上三者都缺失,则使用当前默认的sans-serif字体。

这样声明考虑到了字体的显示名称和字体文件的名称的关系,也考虑到了英文字体,并且英文字体应该在中文字体之前的重要性,当然,肯定也照顾到了不同的操作系统。

Windows, Mac OS, Linux 家族等常用操作系统里的系统字体字体渲染效果差异很大。如果没有缺失字体,正常情况下这样声明 Windows 使用Tahoma+微软雅黑,Mac OS 使用Helvetica+华文细黑。而Linux,因为文泉驿微米黑的质量也没有绝对优势,加之 Linux 各发行版的情况非常复杂,所以或许不指定字体最好。

作者:admin | Categories:设计问题 | Tags: 、

发表评论

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

*

  • 财经随笔:年近半百,“金融科技”仍是少年 2019-05-20
  • 山西寿阳:竹马戏演员的台前幕后 2019-05-19
  • 主城赏荷地图出炉 快带上相机出发 2019-05-19
  • 男人不安全了?日本读心美女机器人,你咋想的它全知道! 2019-05-03
  • 重庆市永川区:“1+8+X”模式探索基层人民调解新路子 2019-05-03
  • 春节我在岗:爸妈,儿子在军营给您们拜年了 2019-04-22
  • 传统文化,在中国文化里,居住是衡量一个家庭生活的基本因素。 2019-04-15
  • 俄韩就铺设途经朝鲜的天然气管道恢复磋商 2019-04-15
  • 经营者要想“我心换你心”,就要未雨绸缪,让不诚信的诱惑少一点,如此才能在市场中生存下来。反过来说,承担不起亏损就关门歇业,是否也是一种不诚信呢? 2019-04-11
  • 江西省能源集团公司党委副书记胡运生等2人被调查 2019-04-11
  • 乌鲁木齐:这个端午,他们的假日叫“坚守” 2019-03-29
  • 中国电信安康分公司60家智慧家庭便民服务中心盛大开业中国电信安康-最新活动 2019-03-28
  • 中心城区核心片组完成签约清零任务 2019-03-28
  • (Dos sesiones) Legislativo nacional de China concluye sesión anual Spanish.xinhuanet.com 2019-03-28
  • 西班牙一旅游公司官网竟把台湾和香港列为“国家” 2019-03-27
  • 960| 724| 18| 965| 955| 320| 942| 748| 728| 349|