Web Design in 4 minutes

网页设计 4 分钟

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

1 Content

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

2 Centering

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

body {
  margin: 0 auto;
  max-width: 50em;
}

在对文本块进行样式化后，如何对文本自身进行样式化？

3 Font family

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

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

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

4 Spacing

Last

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