网站建设新趋势

“你全做错了。”

的确。我并没有依据他的模型来运用字体，为此他专门把我叫出来并告诉我这是一个十分大的过错。我该如何补偿呢？

“我不晓得。可是当前它是最大的疑问，毫无疑问。”

说起来，在曩昔的很长一段时间里，我都同不一样的页面规划师一同协作开发各种不一样的网站，这使得我逐步开端重视页面规划中的许多细微但重要的细节了，比方，字体。

在此能够简略介绍一点布景常识。当前多数的网站都是依据HTML和CSS来开发的，假如你毫无网站开发经历，或许你有必要找个HTML&CSS的介绍视频学习一下，比方1小时创立一个体会不错的自己网站页面之类的教程。

以下，是我的视觉规划师教授给我的字体常识。

字体标准

改动某写字体款式最简略的办法，是改动CSS的Font-family特点，然后，浏览器会直接读取用户电脑上的字体，想必每个网站开发者都明白这件工作。一般来说，一共有12种常见的网站安全字体，除开相对特别的Comic Sans，还有11款字体能够供你在绝大多数类型的网站上随意运用。

假如你的视野仅仅盯着这十来个字体就未免太限制了。假如你满足敏锐，你会有认识地调整字体的粗线（light、normal、bold）和字距离，寻求更好的作用。举个比如，当你在导航栏中运用特粗的字体，紧凑的字体距离，会让你的网站看起来愈加专业。相反，假如你运用的是极细的字体，页面会给人一种十分锋利、明晰的感受。

另一个运用字体的诀窍，即是在CSS中为字体增加字体暗影特点。

以下的事例中，字体宗族被设定为Helvetica，而且字体粗细被设定为极细。

这一字体的事例源自于咱们的web运用Nomster。

 字体栈

当你在指定要用什么字体的时分，你能够依据重要程度来设定一个次序，越靠前的优先级越高。当设备中没有排行考前的字体的时分，那么体系会主动调用排行靠后的字体。这也即是为何windows和Mac内置字体不尽相同，可是终究都能调用合适的字体而正常显现页面内容的原因所在。关于这个字体栈的设定，以下的东西/网站应该能帮到你：

CSS Tricks – Font Stacks：这是一个具有8个不一样字体的字体栈，直接从CSS Tricks抓取这个字体栈，你的网站字体作用必定不会像1995之前的网站那么残废。

CSSFontStack.com：一个专业供给各种不一样字体栈的网站，超越40种不一样字体栈供你挑选~

当然，假如你经过google和baidu来查找应该能够发现更多的字体栈。

以下的运用事例相同来自咱们的Web运用Nomster。它所运用的字体栈也是咱们最喜爱的，由于它的确提高了网站的可读性。

 加载特定字体

 在web运用中运用特定字体来显现文本，是一件可行性很高的工作。你不用找一个“看起来很像”的字体来凑合，由于以下的办法能够帮你直接用你喜爱的字体：

 字体保管效劳

 将一个一般字体加载到网站上，的确需求一点窍门。字体保管效劳能够替你做到这一点，不过有的是免费的，有的是收费的。

Google web Fonts：google的字体效劳仍是十分靠谱的，结合了许多优质的web字体供你调用到网站中去。依照google官方的指示，你能够轻松地在你的web运用中调用这些字体