在具有Nugget类型的浏览器中测试您的Web版式

自定义Web字体和CSS3属性使该过程几乎完全没有麻烦。

现在,Web设计类型比以往任何时候都更容易。

借助Type Nugget之类的工具,您可以在浏览器中实时测试字体 ,甚至生成LESS / SASS或CSS代码 -无需自己编写一行!

但是测试仍然是一项艰巨的任务,通常需要进行许多修订。

如果您注册一个免费帐户,则可以保存自己的自定义主题,并创建不同的项目来测试不同的字体样式。

该应用程序是完全免费的,目前处于实时Beta版。

在具有Nugget类型的浏览器中测试您的Web版式

每种字体类型都有其自己的部分,这些部分具有用于更改字体颜色,大小,粗细,行高和字母间距的属性。

在右侧的工具栏中,您会找到许多用于根据页眉,段落,超链接和有序/无序列表调整页面字体的选项

这比在Photoshop中进行设计要容易得多,因为您可以看到字体如何在Web浏览器中实时显示。

您可以从Google Webfonts库中的任何字体以及系统上本地安装的字体中进行选择。

当然,您也可以更改字体系列

Type Nugget用户可以保存单个主题,并为许多Web项目构建不同类型样式的库

匿名Type Nugget用户可以根据自己的喜好编辑和调整字体, 但是如果没有帐户,您将错过很多很棒的功能

如果您希望将代码准备好投入生产,甚至可以缩小代码

按钮以纯CSS或SASS或LESS等预处理语言获取字体样式。

有了免费帐户,您就可以使用较大的¢?????生成代码?

在具有Nugget类型的浏览器中测试您的Web版式

如果您讨厌修改CSS中的Web字体,那么Type Nugget可以提供免费的可视化编辑器,其中包含大量的字体库供您使用。

这是我见过的功能最强大的基于浏览器的工具。

Type Nugget仍处于测试阶段,但我为它的功能感到惊讶。

如果你对球队的建议,你可以接触到的份额小的错误或项目的新思路。

如果您真的喜欢自己所看到的内容,请在仍处于测试阶段的状态**册一个免费帐户,以确保获得所有最新更新。


翻译自: https://www.hongkiat.com/blog/web-typography-testing/