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

文章标签
typography

78 篇文章
{
,

}
直接链接到文章 不要只复制 Google Fonts URL 中的 @font-face
font-face 字体 排版 网页字体

不要只复制 Google Fonts URL 中的 @font-face

我不认为这是一种流行病,但我在几次场合都看到过这种做法,甚至还曾经提倡过。我的意思就是……

Avatar of Chris Coyier
Chris Coyier 于 2018 年 6 月 19 日
直接链接到文章 一些我喜欢的排版链接
排版

一些我喜欢的排版链接

  • Marcin Wichary 做了一个 令人难以置信的演示,探索了“分段字体”,就像你在微波炉等显示器上看到的字体,但复杂度更高。
  • “Datalegreya 是一种字体,可以将数据曲线与
…
Avatar of Chris Coyier
Chris Coyier 于 2021 年 8 月 24 日
直接链接到文章 它始于表情符号:网页上的彩色排版
表情符号 排版 网页字体

它始于表情符号:网页上的彩色排版

“网页上的排版是单色的:字符要么是黑色,要么是红色,绝不会同时是黑色和红色……然后,表情符号出现了,成为了 Unicode 的一部分,因此可以通过字符(或在字体术语中称为“字形”)来表示。

…
Avatar of Ollie Williams
Ollie Williams 于 2018 年 5 月 15 日
直接链接到文章 Wakamai Fondue
排版 网页字体

Wakamai Fondue

Roel Nieskens 发布了一个工具,允许你上传字体文件并查看里面的内容,从它包含的字符数到它支持的语言数。当你上传字体时,你会看到以下内容……

Avatar of Robin Rendle
Robin Rendle 于 2018 年 5 月 1 日
直接链接到文章 用于 Knockout 文本的 CSS 技术和效果
剪裁 遮罩 SVG 排版

用于 Knockout 文本的 CSS 技术和效果

Knockout 文本是一种技术,它将元素中的文字剪掉,露出背景。换句话说,你只能看到背景,因为字母打出了洞。它之所以吸引人,是因为它打开了排版风格的…

Avatar of Preethi
Preethi 于 2018 年 3 月 6 日
直接链接到文章 一个文件,多种选项:在 Web 上使用可变字体
排版 可变字体

一个文件,多种选项:在 Web 上使用可变字体

2016 年,Adobe、微软、苹果和谷歌的代表共同宣布了网页排版方面的一个重要进展。OpenType 字体格式的 1.8 版引入了可变字体。由于参与的都是大公司,因此所有…都不足为奇。

Avatar of Ollie Williams
Ollie Williams 于 2018 年 1 月 29 日
直接链接到文章 CSS `fr` 单位简介
fr 排版

CSS `fr` 单位简介

在围绕 CSS Grid 的所有兴奋中,我还没有看到太多关于新的 fr CSS 长度单位的讨论(以下是 规范)。现在,浏览器对该功能的支持正在迅速提高,我认为这是…

Avatar of Robin Rendle
Robin Rendle 于 2022 年 8 月 17 日
直接链接到文章 完美段落的等边三角形
颜色 字体大小 行长 行高 排版

完美段落的等边三角形

尽管如此,仍然有太多网页设计师忽视了网页排版的重要性。到目前为止,我遇到的真正了解排版并知道如何将这些知识应用到他们工作中的设计师寥寥无几。对…的缺乏了解

Avatar of Matej Latin
Matej Latin 于 2017 年 6 月 9 日
直接链接到文章 追溯 CSS 字体的历史
排版

追溯 CSS 字体的历史

Chen Hui Jing 撰写了一篇关于 CSS 字体历史以及 W3C 如何编写规范以及奇怪的 CSS 属性(如 font-effect、 font-emphasize 和 font-presentation)的优秀文章。

作为我对…的永久痴迷的一部分

…
Avatar of Robin Rendle
Robin Rendle 于 2017 年 5 月 12 日
  • 较新的
  • 1
  • ...
  • 5
  • 6
  • 7
  • ...
  • 9
  • 较旧的

CSS-Tricks 由 DigitalOcean 提供支持。

随时了解 Web 开发动态

使用我们精心制作的时事通讯

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

© 2024 . All rights reserved.