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

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

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

界面设计之字体的更换与排列_第1张图片
更换中文字型.png

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


界面设计之字体的更换与排列_第2张图片
更换字体.png

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

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

界面设计之字体的更换与排列_第3张图片
文字排列.png

你可能感兴趣的:(界面设计之字体的更换与排列)