美文网首页
界面设计之字体的更换与排列

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

作者: emmm2333 | 来源:发表于2018-07-11 18:08 被阅读0次

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

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

更换中文字型.png

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


更换字体.png

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

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

文字排列.png

相关文章

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

    在我们搭建一个网站之后,常常需要从各方面考虑用户的使用感受,比如界面的颜色搭配,字体的大小,清晰度是否足以使用户看...

  • IOS基础UI操作UILabel

    UILabel之小白学习纪录篇 代码创建UILabel 改变文字内容 改变文字颜色 改变字体大小 改变字体排列方式...

  • iOS开发-UILabel,UIFont更换字体(全部更换为三方

    最近在项目中,被要求将系统的苹方体全部更换为三方字体,其实更换全部字体相对比更换部分字体来的简单,我们可以使用ru...

  • iOS开发运用runtime一键修改项目所有字体

    最近在项目中,被要求将系统的苹方体全部更换为三方字体,其实更换全部字体相对比更换部分字体来的简单,我们可以使用ru...

  • MarkDown使用

    1号字体 2号字体 3号字体 4号字体 5号字体 6号字体 无序排列 Hello World! Hello Wor...

  • Android更换字体

    首先需要去找一些想使用的 ttf 文件, 去1001 Free Fonts或者Google Fonts找,或者让U...

  • android更换字体

    android更换字体 最近在研究android端字体替换需求,发现还是有很多方式来替换字体。 一,前言 Andr...

  • Android更换字体

    Typeface typefaceLatoLight = Typeface.createFromAsset(con...

  • Windows更换字体

    跟随一篇大佬公众号发的文章,亲自操作了一下windows更换字体的过程,离不开男朋友的指导~~~感谢感谢 附上公众...

  • CAD中文字显示?的解决办法

    选择正在使用的样式 设置完成后,点击应用保存即可,可以根据具体情况,更换字体名,最好更换成相应的字体名

网友评论

      本文标题:界面设计之字体的更换与排列

      本文链接:https://www.haomeiwen.com/subject/grfkpftx.html