跳到主要内容

体验设计

开发者的见解:使用谷歌网页字体

让我们来讨论一下字体。作为设计师,你有选择将在网站上使用的字体的独特特权,并且排除客户端的限制,你可以自由地使用任何你想要的字体。但是,在选择字体时,您应该记住,这种字体不仅需要出现在您的设计中,还需要在用户浏览网站时出现在他们的计算机上。幸运的是,我们现在有很多方法可以做到这一点,从无聊到选择每台电脑上都包含的字体(Arial, Times New Roman等),到在网站上嵌入自定义字体。然而,到目前为止,这些解决方案中最简单的是简单地使用谷歌Web字体。
谷歌网页字体是谷歌提供和运行的一项服务,使在网络上使用自定义字体变得快速和容易。准备好最精彩的部分了吗?它是完全免费和开源的。要在您的设计中使用字体,您只需浏览他们的字体列表,找到一个(或两个,或十个)您喜欢并下载它。无需支付20美元的授权费,无需浏览可疑网站以寻找有效的下载链接,只需简单的即插即用。剩下要做的就是安装字体并创建漂亮的设计。
当然,谷歌Web Fonts也不是没有缺点。字体选择目录是有限的,不会有任何大牌字体隐藏在那里。虽然有几百种不同的字体可供选择,但请记住,你不会得到十五磅的Helvetica或时尚性感的DIN。然而,这并不意味着没有任何好的、可用的字体可供选择。你可以在网上找到许多资源,引用他们最喜欢的谷歌Web字体组合,当然,卷起袖子,为自己寻找宝藏并没有错。
现在我知道你在想什么了。这个出色的工具如何帮助我友好的社区开发人员?我很高兴你问了!我不认为会有比使用@font-face更简单的嵌入字体的方法,但我确实喜欢被证明是错误的。使用谷歌Web Fonts,无需编写额外的CSS,无需包含Javascript;所需要的只是一个指向谷歌托管的特定于字体的CSS文件的链接。就是这样。这就是它的全部内容。例如,要在网站中使用Droid Sans,您可以在< >头的HTML文件,在其他CSS链接之前:

然后在CSS文件中,您可以使用字体类型像往常一样的属性:

font-family: 'Droid Sans';

你就知道了!您的网站现在正在享受其辉煌的新字体。

留言回复

您的电子邮件地址将不会被公布。必填项被标记*

本网站使用Akismet来减少垃圾邮件。了解如何处理您的评论数据

扎克将

我是一名在Perficient Digital工作的前端开发人员,我对HTML、CSS和烤鸡充满热情。

作者的更多内容

类别
关注我们
推特 Linkedin 脸谱网 Youtube Instagram