寻找好的网络字体方案/组合的资源

平面设计 字体 排版 自由 资源推荐
2022-01-14 03:47:54

我已经开始为小型企业客户做一些自由网站设计工作,我的部分工作将涉及选择要在我将要制作的网站上使用的字体。

鉴于排版不是我的强项,我想知道是否有一个网站提供使用网络字体的方案/组合集合。通过“方案”,我的意思是一些简单的字体列表,这些字体被提议一起工作/看起来很好,例如,字体 A 用于标题,字体 B 用于子标题,字体 C 用于正文,等等。基本上是一些东西像Color Combos,除了网络字体。

我认为这样的网站对于像我这样不擅长挑选协同工作的字体的人来说将是一个很好的资源。如果网站指出包含的字体方案中的哪些完全由免费使用的网络字体组成,那就太好了,因为这些显然很容易实现。

那么,有人知道这样的网站吗?

4个回答

这不完全是您正在寻找的答案,但这里有一些想法:

Hoefler & Frere-Jones几乎是印刷领域的佼佼者。他们不久前发送了一封电子邮件,其中显示了一些非常好的字体配对(当然是他们的字体),但在顶部列出了一个很好的规则:

...一切都围绕 H&FJ 的高度科学的字体组合第一原则构建:保持一件事一致,让一件事变化。

他们继续展示了一些非常深奥的相似之处和不同之处(效果非常好),但记住这条规则是一件好事。如果您使用无衬线作为标题文本,请使用衬线作为正文。如果你有粗笔画的东西,请将其与较薄的东西进行对比。正如在一个有点相似的线程中所讨论的那样,包豪斯和 Bembo 根本没有太多共同点,但是包豪斯和 Futura 共享一些几何字体,但在粗细和整体花哨方面有所不同。

使用中的字体是一个很好的资源,您可以从中汲取灵感。我链接到 Web 部分。他们不处理免费字体,但希望你会发现这很有用。

我彻底推荐这个网站:http ://hellohappy.org/beautiful-web-type/ 。组合并不多,但它们以如此鼓舞人心的方式展示了它们。

所有字体都可以从出色的Google Font Directory中免费用于商业用途

如果你想尝试自己的组合来看看喜欢什么(毕竟这是最重要的事情),去http://font-combinator.com/那里有一个很棒的工具可以编辑几块文本到看看它们是如何结合在一起的,同样使用免费的谷歌字体资源。

搜索“ Google 字体组合”以获得更多灵感。

为了更好地理解字体,您可以参考https://typekit.com/

他们有大量用于网页设计的字体,甚至谷歌字体也有大量免费字体。

使用字体,玩字体。这是擅长字体选择的唯一方法。

你试过fooont.com吗?它完全由托管在 Google Webfonts 上的字体对组成。

只需下载 CSS 文件并立即在您的网站上使用它。希望这会有所帮助:)