界面设计之字体的更换与排列

在我们搭建一个网站之后，常常需要从各方面考虑用户的使用感受，比如界面的颜色搭配，字体的大小，清晰度是否足以使用户看清写的是什么。而其中，我们要如何对字体进行更换呢？

在平面设计之更换背景颜色那一篇文章中，我们有提到新建一个aqua后加自己名字的文件夹。我们打开那个文件夹，找到masthead-link-color-hover : mix(#000,primary-color, 25%) !default;这一行代码，将其删去并更换为以下代码：

更换中文字型.png

完成这一步之后，我们再找到serif和sans-serif这两行代码，将其更换为以下代码：


更换字体.png

然后我们便成功将字体更换了。

而我们只需要在markdown文章的头部添加一行“classes: wide”便可以使文章的内容向右延展。

文字排列.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容