一位剑桥大学的博士生打破了所有的排版规则，而且效果出奇地好。
他的整篇论文只用了两种字体：PragmataPro 和 Georgia。
这个组合本不该奏效，但不知为何却完美契合。
你能想到这样的搭配吗？
Edward William Ayers 的论文使用 Georgia 和 PragmataPro 排版
Leave a comment
Golova AI 在其应用（app）、网站（golova.ai、golova.one、golova.io、golova.help）中均使用 PragmataPro 字体作为默认字体，以展示其品牌形象。以及社交网络。这种字体与几何极简主义插图的结合，打造出令人印象深刻的视觉形象，从而提升用户参与度和品牌认知度。
国际领先的人工智能博客 The Decoder 选择了 Siruca 作为其标志字体。这款字体融合了个性、功能与独特性。
探索 Siruca，让您的项目脱颖而出。
一个网站不需要大声喊叫才能被听见。
有时，它只需要清晰地表达。
这正是不动声色的力量，蕴藏在 JTI.com 背后。
该网站使用 Seitu 可变字体排版，字体感觉熟悉、温暖且毫不费力地易于阅读。它为段落带来了流动感，为信息增添了人情味。
结果如何？
JTI.com 不再像典型的公司网站，而更像一场对话。
自信、亲切，且经过深思熟虑的设计。
在动态的网页设计领域，保持领先地位对于创造引人入胜且用户友好的体验至关重要。可变字体是近年来备受关注的一项前沿技术。在本文中，我们将探讨 oook 可变字体在 Factory.ai 网站中的应用，讨论其优势以及它如何有助于提升用户体验。
理解 oook 可变字体：
什么是可变字体？
可变字体代表了排版领域的重大进步，允许设计师在单个字体文件中融入多种样式和变化。与仅提供有限样式（例如常规、粗体、黑体）的传统静态字体不同，可变字体提供了一系列可能性，例如不同的字重、宽度，甚至自定义变化。
oook 可变字体：
oook 是一款功能多样的可变字体，拥有广泛的样式范围，是寻求灵活性和创造力的网页设计师的绝佳选择。它对各种屏幕尺寸和分辨率的适应性确保了在不同设备上都能呈现一致且具有视觉吸引力的效果。
oook 可变字体为 Factory.ai 带来的优势：
- 提升页面加载速度：
与使用多个静态字体文件相比，像 oook 这样的可变字体通常具有更小的文件体积。这可以带来更快的页面加载时间，这对于提供无缝的用户体验至关重要，尤其是在移动设备或网络连接较慢的地区。 - 响应式排版：
Factory.ai 网站可以受益于 oook 的响应能力，使字体能够平滑地适应不同的屏幕尺寸。无论用户是在台式机、平板电脑还是智能手机上访问该网站，这款可变字体都能确保最佳的易读性和美观度。 - 设计一致性：
oook 的可变特性使设计师能够在 Factory.ai 网站的不同部分之间保持一致的视觉形象。这种一致性有助于形成统一的品牌形象，并增强网站的整体专业观感。 - 创意排版选项：
设计师可以利用 oook 的可变功能来尝试创意的排版元素，例如为字体样式添加动画效果，或根据用户交互动态调整字体特性。这可以为 Factory.ai 的用户界面增加一层互动性和参与感。 - 无障碍性与可读性：
可变字体允许对排版细节进行微调，从而提高可读性和无障碍性。通过根据用户偏好或设备特性动态调整字重、宽度或其他属性，Factory.ai 可以确保为所有用户提供更具包容性的体验。
实施注意事项：
- 浏览器兼容性：
虽然现代网页浏览器普遍支持可变字体，但确保跨不同平台的兼容性至关重要。进行彻底测试，以保证为 Factory.ai 的访问者提供一致的体验。 - 后备方案：
为了应对可能出现的浏览器兼容性问题，请始终包含适当的后备选项，例如指定替代的标准字体或采用渐进增强技术。
结论：
将 oook 可变字体融入 Factory.ai 网站是一个具有前瞻性的选择，符合网页设计不断演进的趋势。可变字体提供的灵活性、性能优势和创意可能性，有助于创造更具吸引力和以用户为中心的在线体验。随着 Factory.ai 网站的持续发展，利用像 oook 可变字体这样的创新技术，将使其处于现代网页设计实践的前沿。
Nure 海报由 Artiva Design、Fuss 和 Ideosuite 在 Nure 山谷设计。
摄影：Alessandro Casagrande。
字体：Fabrizio Schiavi 设计的 Nure 可变字体。
将 Nure 可变字体与 PragmataPro 结合，作为浏览器的默认字体使用，可以提高您的工作效率。
下载 Nure 可变网页字体后，将其放入您的用户文件夹，
安装适用于大多数主流浏览器的免费插件 Custom Style Script，然后将以下代码放入 Options page（选项页面） 中。
@font-face {
font-family: 'Nure';
src: url('/Users/(您的用户文件夹)/Nure11-VF.woff2') format('woff2-variations'),
url('/Users/(您的用户文件夹)/Nure11-VF.woff2') format('woff2');}
body, .css-901oao, ._292iotee39Lmt0MkQZ2hPV, a, abbr, address, area, article, aside, audio, b, bdi, bdo, blockquote, br, button, canvas, caption, cite, col, colgroup, command, datalist, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, input, ins, kbd, keygen, label, legend, li, main, map, mark, menu, meter, nav, object, ol, optgroup, option, output, p, param, progress, q, rp, rt, ruby, s, samp, section, select, small, source, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, track, u, ul, var, video, wbr
{font-family: 'Nure'; font-weight: 300; font-variation-settings: 'opsz' 18, 'wdth' 80;}
其中 font-weight 是第一个轴 “字重”，其取值范围为 100 到 900。font-variation-settings: 'opsz' 是第二个轴 “光学尺寸”，其取值范围为 12 到 72。font-variation-settings: 'wdth' 是第三个轴 “宽度”，根据 Windows 标准，其取值范围为 75 到 125。
改变这些数值，您可以找到最适合自己的配置。
以 Hacker News 作为测试网站的视觉示例：
{font-family: ‘Nure’; font-weight: 300; font-variation-settings: ‘opsz’ 20, ‘wdth’ 90;}
{font-family: ‘Nure’; font-weight: 300; font-variation-settings: ‘opsz’ 30, ‘wdth’ 110;}
{font-family: ‘Nure’; font-weight: 300; font-variation-settings: ‘opsz’ 18, ‘wdth’ 80;}
{font-family: ‘Nure’; font-weight: 240; font-variation-settings: ‘opsz’ 18, ‘wdth’ 80;}
这只是将像 Nure 这样的可变字体用作默认字体潜力的一次快速展示。
荷兰公共广播公司 NTR 使用 Fabrizio Schiavi Design 设计的 CP Company 作为其视觉形象的默认字体。来自 维基百科：
NTR 成立于 2010 年，由 Nederlandse Programma Stichting (NPS) 与两家教育广播公司 Televisie Academie (Teleac) 和 Radio Volksuniversiteit (RVU) 合并而成。
CP Company 的所有四种字重均在 NTR 的视觉系统中使用，从屏幕图形到网站和年度报告。Gast Producties 至少从 2013 年起就参与了该电视台的设计工作。
更多信息请访问完整的 Fonts in use 页面。