经验设计

开发人员的见解:使用Google Web字体

让我们讨论字体。作为设计师,您拥有独特的特权,可以选择将在网站上使用的字体,并禁止客户限制,您可以自由地使用任何您想要的字体。但是,在选择字体时,应该记住,此字体不仅需要在设计中,而且还需要在用户查看网站时的计算机上存在。幸运的是,我们现在可以做很多方法,从无聊和选择每台计算机上包含的字体(Arial,Times New Roman等)到网站上嵌入自定义字体。但是,到目前为止,这些解决方案中最简单的是简单地使用Google Web字体。
Google Web字体是由Google提供和运行的服务,可以快速轻松地使用Web上的自定义字体。准备最好的部分了吗?它是完全免费和开源的。要在设计中使用字体,您只需浏览其字体列表,找到您喜欢的一个(或两个或十个)并下载它。没有支付20美元的许可证,没有浏览阴暗的网站,试图找到工作下载链接,只需简单的插件即可。剩下要做的就是安装字体并创建美丽的设计。
当然,Google Web字体并非没有缺点。字体选择目录是有限的,并且不会隐藏在其中的任何大名字字体。虽然有几百种不同的字体可供选择,但请记住,您不会获得15个helvetica的重量或那个时尚而性感的din。但是,这并不意味着没有任何可用的字体可供选择。您可以在网上找到数十种资源,这些资源引用了他们最喜欢的Google Web字体组合,当然,滚动袖子并挖进去为自己寻找宝藏没有错。
现在我知道你在想什么。这个出色的工具如何帮助我友好的邻里开发人员?我很高兴您问!我认为与使用 @font-face相比,嵌入字体的方法不会更简单,但我确实喜欢被证明是错误的。使用Google Web字体,没有其他CSS可以编写,也没有JavaScript包括;所需的只是指向Google托管特定字体的CSS文件的链接。这就对了。从字面上看,这就是一切。例如,要在网站中使用droid sans,您将在该网站中添加以下代码行<头>HTML文件的其他CSS链接之前:

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

字体家庭:“ droid sans',sans-serif;

然后你有!您的网站现在正在享受其出色的新字体。

关于作者

我是一名前端开发人员,从事完美数字的工作,我对HTML,CSS和烧烤鸡肉充满热情。

来自作者的更多

发表评论

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

订阅每周博客摘要:

报名
类别