跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
typography

78 篇文章
{
,

}
文章“SVG 中的系统字体”的直接链接
SVG 系统字体 排版

SVG 中的系统字体

曾经,为网站选择字体时,最明智的做法是选择一个在尽可能多的平台上都受支持的字体系列。font-family: Tahoma; 等等。或者更好的是,使用一个字体堆栈,如果第一个字体不受支持,就会回退到其他字体。...

Avatar of Chris Coyier
Chris Coyier 于 2016 年 9 月 23 日 发布
文章“OpenType Variations 字体”的直接链接
opentype 排版

“OpenType Variations 字体”

Typekit 博客 上,Tim Brown 撰写了关于 Web 字体的激动人心的发展:对 OpenType 字体文件规范的改进。

这乍听起来可能并不那么令人兴奋,但“可变字体”...

Avatar of Robin Rendle
Robin Rendle 于 2016 年 9 月 19 日 发布
文章“CSS 锁的数学原理”的直接链接
CSS 锁 排版

CSS 锁的数学原理

Florens Verschelde 深入探讨了 Tim Brown 前几天谈论的 概念背后的数字。

当我尝试理解 Tim 的实现并创建它的变体时,我很难弄清楚...

...
Avatar of Chris Coyier
Chris Coyier 于 2016 年 9 月 6 日 发布
文章“面向大众的 `font-display`" 的直接链接
无障碍 CSS font-display font-face font-family 排版 Web 字体

面向大众的 `font-display`

**2017 年 1 月 12 日更新:**本文现在包含了正确的支持检查。添加了关于 `block` 值的信息。略微调整和复制编辑。尽情享用!

如果你经常阅读 CSS-Tricks,那么你很有可能知道...

Avatar of Jeremy Wagner
Jeremy Wagner 于 2019 年 11 月 14 日 发布
文章“谷歌字体重新设计”的直接链接
字体 谷歌 排版

谷歌字体重新设计

这是一个对我们都访问过很多次的网站的重大重新设计。它甚至位于一个新的子域名:fonts.google.com。

搜索索引中的实时打字示例!此外还有更多...

Avatar of Geoff Graham
Geoff Graham 于 2016 年 6 月 15 日 发布
文章“排版手册”的直接链接
排版

排版手册

前几天我偶然发现了这个 排版手册,我认为它做得很好。它让你立即看到两份简历,你自然而然地会更喜欢那个排版漂亮的简历,即使...

Avatar of Chris Coyier
Chris Coyier 于 2016 年 6 月 16 日 发布
文章“CSS 中的熔融行高”的直接链接
行高 熔融行高 响应式 排版

CSS 中的熔融行高

我和 Dave 用 Tim Brown 对我们之前关于垂直节奏(以及其他)的讨论的音频剪辑开始了 最新的 ShopTalk Show。转录 在此。它引发了关于这些事情的另一个有趣讨论。

一个小...

Avatar of Chris Coyier
Chris Coyier 于 2016 年 6 月 2 日 发布
文章“在 `@font-face` 中声明字体属性是怎么回事?”的直接链接
font-face 排版 Web 字体

在 `@font-face` 中声明字体属性是怎么回事?

我希望你用你最好的 Seinfeld 口音大声朗读标题。

我们论坛中一个 最近的问题 使我意识到,除了常见的 `font-family` 和 `src` 之外,还可以向 `@font-face` 添加更多属性。...

Avatar of Geoff Graham
Geoff Graham 于 2018 年 1 月 29 日 发布
文章“使用 Web 字体:正反论”的直接链接
排版

使用 Web 字体:正反论

Adam Morse 针对 Web 字体 发表了自己的观点。

排版不是为了美观,而是为了服务文本。即使只有很少一部分人因为使用了 Web 字体而无法获取你的内容,你的排版也就算失败了。

全部

...
Avatar of Robin Rendle
Robin Rendle 于 2016 年 3 月 23 日 发布
  • 较新
  • 1
  • ...
  • 7
  • 8
  • 9
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

关注我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.