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

文章标签
typography

78 篇文章
{
,

}
文章“组合字体”的直接链接
font-face 排版 unicode-range

组合字体

Jake Archibald 的另一篇文章!

这篇文章使用两个@font-face集来设置相同的font-family名称。第二个覆盖第一个,但仅覆盖其中的某些字符,这要归功于unicode-range。

你知道设计师有多喜欢和号吗?它是一个…

Avatar of Chris Coyier
Chris Coyier 于 2017 年 5 月 5 日
文章“深入 CSS:字体度量、行高和垂直对齐”的直接链接
行高 排版 垂直对齐

深入 CSS:字体度量、行高和垂直对齐

Vincent De Oliveira 撰写了一篇精彩的文章,详细介绍了您可能想知道的关于line-height和vertical-align属性的所有内容。如果您曾经遇到过将内容与文本对齐的问题,或者想知道为什么两种字体……

Avatar of Robin Rendle
Robin Rendle 于 2017 年 2 月 24 日
文章“首先设计内容排版(以及对 Type Nugget 的了解)”的直接链接
type nugget 排版

首先设计内容排版(以及对 Type Nugget 的了解)

您见过多少个“完成”的网站,其中仍然隐藏着lorem ipsum文本?虽然我们通常努力追求设计和代码的完美,但我每次偶然发现乱码时都会想起……

Avatar of Morgan McGuire
Morgan McGuire 于 2017 年 2 月 13 日
文章“initial-letter”的直接链接
initial-letter 排版

initial-letter

initial-letter是一个 CSS 属性,它选择应用它的元素的第一个字母,并指定该字母占据的行数。…

Avatar of Geoff Graham
Geoff Graham 于 2017 年 1 月 19 日
文章“系统字体栈”的直接链接
font-face 系统字体 排版

系统字体栈

默认为特定操作系统的系统字体可以提高性能,因为浏览器无需下载任何字体文件,它使用的是已经存在的字体。这对于任何“网络安全”字体都是正确的。…

Avatar of Geoff Graham
Geoff Graham 于 2022 年 10 月 26 日
文章“互联网是否杀死了弯引号?”的直接链接
引号 排版

互联网是否杀死了弯引号?

Glenn Fleishman

在越来越多的出版物中,[弯引号]已经被拉直了。这可能是由于网站设计师缺乏认识,或者由于内容管理系统 (CMS) 难以获得弯曲…

…
Avatar of Chris Coyier
Chris Coyier 于 2016 年 12 月 31 日
文章“再次讨论流体排版”的直接链接
流体排版 排版

再次讨论流体排版

最近有几篇文章讨论了流体排版。

Matt Smith(称之为“灵活排版”)

我更喜欢使用:root根据视口高度和宽度计算字体大小,以实现更灵活的排版。

…
Avatar of Chris Coyier
Chris Coyier 于 2019 年 12 月 11 日
文章“句子长度着色”的直接链接
书签 JavaScript 排版 写作

句子长度着色

我认为当这条推文在网上流传时,我和其他人一样产生了同样的哇哦,酷毙了的反应:…

Avatar of Chris Coyier
Chris Coyier 于 2016 年 11 月 27 日
文章“控制 Web 排版间距的方法”的直接链接
排版

控制 Web 排版间距的方法

如果您在 2006 年开发网站,那么您可能与我这样的设计师合作过,他们会一直关注您的字体在浏览器中的显示是否与模型中的完全一致。

然后…

Avatar of Geoff Graham
Geoff Graham 于 2016 年 9 月 28 日
  • 更新
  • 1
  • ...
  • 6
  • 7
  • 8
  • ...
  • 9
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

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

© 2024 . All rights reserved.