百度 | 神马 | 搜狗 | 技术文档 | 学习资料分享 - 记录帝国CMS及运维技术的点点滴滴
你的位置:首页 > 实用IT技术 » 正文

【SEO优化】网页开发中如何选取合适且统一的字体

发布时间:2020-09-17

作品分类:SEO优化  字体  设置  网页  选取  合适  字体  网页  开发

网页开发中如何选取合适且统一的字体,

在泪雪网移动端的开发中我发现之前确实做得不是特别友好,其主要原因是由于IT131我没有 iOS 设备,每次都是以安装开发以及 Chrome 内核为标准,最终的结果就会导致一些不兼容,由于之前还遇到过字体的显示问题,所以今天IT131就来给大家分享一下如何选给网页选择合适且统一的字体。

首先我们网页上要想统一字体其实有两种方法,一种是选择大家操作系统上都有的默认字体,第二种就是强行在网页总载入字体文件来实现,但是IT131非常非常不推荐这样的方式,这样对页面的加载造成了负担,并且没有必要刻意的用特殊字体。

根据不同的操作系统推荐对应使用以下的字体:(系统:英文常用字体;中文常用字体)

  • Windows:Tahoma 和 Arial;微软雅黑(Microsoft yahei);
  • Mac OS 和 IOS:Helvetica;华文细黑(STXihei)、冬青黑体(Hiragino Sans GB)和苹方(PingFang SC);
  • Android:Droid Sans;Droid Sans Fallback;
  • Linux:Tahoma 和 Arial;文泉驿微米黑;

那么根据 css 的写法,要想统一字体并且兼容所有的不同设备,最简单的方法就是将所有的字体都包含进去,一下就是IT131整理的适合各个平台系统的 设置:

1
2
//适合各个平台的 font-family 设置
body{font-family:Helvetica,Tahoma, Arial,"PingFang SC",STXihei,"Microsoft yahei","WenQuanYi Micro Hei",sans-serif;}

仅供搭建参考,以上的设置是针对 body 整个主体的,如果你需要根据页面不同布局而设置不同的字体就需要单独根据元素指定即可,不过IT131认为还是应该尽可能的保持一致为最佳,至少对于在网站文章内容中,应该绝对的统一字体和格式,别弄得像许多微信公众号的那种花样编辑。

对于网站内容,特别是文章中,应该做到统一的字号、颜色、位置,当然对于小标题可以加粗或者稍微特殊样式标明,但是也不应该过于花哨了。

好啦,以上就是IT131认为在中选取合适且统一的字体的一些看法观点以及实现方法,也是IT131认为一个优秀网站应该具备的良好的标准,不接受反驳,哈哈哈,欢迎评论讨论还是可以的哈。

Top