“你全做错了。”
的确。我并没有依据他的模型来运用字体,为此他专门把我叫出来并告诉我这是一个十分大的错误。我该怎么弥补呢?
“我不晓得。可是当前它是最大的疑问,毫无疑问。”
说起来,在过去的很长一段时间里,我都同不一样的页面规划师一同协作开发各种不一样的网站,这使得我逐步开端重视页面规划中的许多细微但重要的细节了,比方,字体。
在此能够简略介绍一点背景常识。当前大都的网站都是依据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和百度来查找大概能够发现更多的字体栈。
以下的运用事例相同来自咱们的Web运用Nomster。它所运用的字体栈也是咱们最喜爱的,由于它的确提高了网站的可读性。
加载特定字体
在web运用中运用特定字体来显现文本,是一件可行性很高的工作。你不用找一个“看起来很像”的字体来将就,由于以下的方法能够帮你直接用你喜爱的字体:
字体保管效劳
将一个一般字体加载到网站上,的确需求一点技巧。字体保管效劳能够替你做到这一点,不过有的是免费的,有的是收费的。
Google web Fonts:google的字体效劳还是十分靠谱的,结合了许多优质的web字体供你调用到网站中去。依照google官方的指示,你能够轻松地在你的web运用中调用这些字体。