网页设计 4 分钟

   假如你有一个产品,一个作品集,又或仅仅是一个想法,你想要在你的网站上与大家分享。在你发布在网络上之前,你想要让它看起来有吸引力,专业,或者至少看起来像样。   那么你需要做的第一件事是什么呢?

1 Content

   设计的目的是增强你需要呈现的内容。这听起来似乎很明显,但是

2 Centering

长文字很难解析,同样也很难去阅读。设置每行字符数限制,极大地增强了文本块的可读性和吸引力。

1
2
3
4
body {
  margin: 0 auto;
  max-width: 50em;
}

在对文本块进行样式化后,如何对文本自身进行样式化?

3 Font family

浏览器缺省的(英文)字体是 “Times”, 这可能看起来不那么吸引人(主要是因为它是 “unstyled” 字体)。选择一个无衬线字体(比如 “Helvetica" 或者 ”Arial“),能够极大的改善你页面的外观。

1
2
3
body {
  font-family: "Helvetica", "Arial", sans-serif;
}

如果你想要用一款衬线字体,可以试试 ”Georgia“。 在让我们的文字更有吸引力力的同时,接下来继续让它更具有可读性。

4 Spacing

Last

最后谈谈如何在微信公众号里面设置英文字体?   微信对字体做了限制,但是我们可以通过word 先设置字体,但是最后渲染的效果还是取决于对应的终端有没有安装这款字体。(iPhone/Android) 默认都支持 Helvetica,可以使用。