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

标签的文章
web fonts

29篇文章
{
,

}
文章的直接链接 使用 Web Font Loader 加载网页字体
网页字体

使用 Web Font Loader 加载网页字体

几年前,社区对字体加载的共识是,在网站加载时,所有字体应该隐藏,直到正确的资源下载完成。许多设计师和开发人员认为,默认的字体加载方法…

Avatar of Robin Rendle
Robin Rendle 于 2015年12月17日
文章的直接链接 font: caption;
网页字体

font: caption;

Joe Richardson 在 CodePen 上分享了这个小技巧

body {
   /* operating system font  */  
   font: caption;
}
  • 如果你使用的是 Ubuntu,这将是 Ubuntu 字体。
  • 如果你使用的是 Yosemite,这将是 Helvetica 字体。
  • 如果你使用的是
…
Avatar of Robin Rendle
Robin Rendle 于 2015年12月17日
文章的直接链接 @font-face 的困境
网页字体

@font-face 的困境

Chris Manning 带我们了解了网页上自定义字体的奇特旅程。我们从“未设置文本的闪现”开始,一开始我们不喜欢它,因为它太突然,感觉很奇怪,甚至可能导致…

Avatar of Chris Coyier
Chris Coyier 于 2015年12月17日
文章的直接链接 我把我的系统字体留在旧金山
网页字体

我把我的系统字体留在旧金山

由 Craig Hockenberry 发布的文章,详细介绍了如果你使用的是 El Capitan,如何在你的网站上使用 San Francisco 系统字体。

我特别喜欢 Craig 在使用任何操作系统的字体时对新语法的建议,所以对于…

Avatar of Robin Rendle
Robin Rendle 于 2015年12月17日
文章的直接链接 CSS 中的操作系统特定字体
网页字体

CSS 中的操作系统特定字体

我不确定确切的用例是什么,但 Sam Stephenson 最近问我

@chriscoyier 在 CSS 中引用 OS X 系统字体(获取 Lucida Grande 或 Helvetica,视情况而定)的最佳方法是什么?

— Sam Stephenson

…
Avatar of Chris Coyier
Chris Coyier 于 2016年9月23日
文章的直接链接 字体大小想法:根部使用 px,组件使用 rem,文本元素使用 em
网页字体

字体大小想法:根部使用 px,组件使用 rem,文本元素使用 em

我,在过去的一年左右时间里:“rem 太酷了!我要用它们来调整所有元素的大小,这样我就可以调整根元素的字体大小,所有元素都会随之缩放!”这是一种不错的…

Avatar of Chris Coyier
Chris Coyier 于 2015年12月17日
文章的直接链接 防止自定义字体带来的性能损失
网页字体

防止自定义字体带来的性能损失

问题是 1) 自定义字体很棒,我们想使用它们 2) 自定义字体作为大型额外资源会减慢我们的页面速度。最近一直在讨论这个问题,所以我想我会总结一下…

Avatar of Chris Coyier
Chris Coyier 于 2015年12月17日
文章的直接链接 邮件中的自定义字体
网页字体

邮件中的自定义字体

一位读者写道

是否可以在 CSS 中绘制整个字体以发送到邮件中?我们公司需要向大约 20,000 人发送邮件,介绍我们即将推出的新品牌。

…
Avatar of Chris Coyier
Chris Coyier 于 2015年12月17日
文章的直接链接 公共服务公告:注意您的 @font-face 字重
网页字体

公共服务公告:注意您的 @font-face 字重

许多(尤其是装饰性)网页字体只提供几种选定的字重和样式。尽可能少加载字体是明智之举,因为它们可能很重,但也确保你只使用你加载的字重/样式,否则浏览器会为你伪造它并弄乱它。
Avatar of Chris Coyier
Chris Coyier 于 2015年12月17日
  • 最新
  • 1
  • ...
  • 2
  • 3
  • 4
  • 更早

CSS-Tricks 由 DigitalOcean 提供支持。

关注网页开发的最新动态

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

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

© 2024 . All rights reserved.