CSS小技巧使用 font-variation 让文字起飞

以下设置一个可变字体的粗细从 100 到 600，可以看到这次的字体是均匀的变化粗细，就如同设置 font-weight: 100到 font-weight: 600 的逐渐变化。

城南路北

css3新手入门（3）css中关于字体设置的几种属性

今天学习下css中字体相关的设置样式，主要通用的几个样式有包括字体类型（font-family）、字体大小（font-size）、字体粗细（font-weight）、字体风格（font-style）、字体变体（font-variant）、行高（line-height）等。

程序员小叶

2026年CSS最强大的5个新特性：容器查询+层叠层，代码量减半

一、CSS正在经历文艺复兴如果说JavaScript每年都在大步前进，那CSS在2024-2026年就是跑步前进。容器查询、层叠层、CSS嵌套、:has()选择器、视图过渡API——这些曾经只能用JavaScript实现的功能，现在纯CSS就能搞定。

尚未秃顶的程序员

CSS简写指南

Efficient CSS with shorthand properties。Mozilla Developer Center:CSS Reference。

慕课网

Web 性能优化：使用 CSS font-display 控制字体加载和替换

作者 | 张旭乾 责编 | 欧阳姝黎出品 | 峰华前端工程师在编写网站的时候，或多或少都会用到一些网络上的字体，CSS 3 中虽然加入了对 Web Fonts（网络字体）的支持，但是浏览器对它们的加载和默认处理方式会极大的影响网站的性能和用户体验。

CSDN

Vite项目图片、字体、CSS资源如何压缩优化？

Vite 项目图片、字体、CSS 资源如何压缩优化？实操指南，首屏提速80%做前端的都懂！Vite 开发时有多爽，上线后就可能有多“慌”——本地秒启、热更新飞起，可打包后却发现，图片占满内存、字体包动辄几MB、CSS冗余一堆，首屏加载卡到用户直接划走别慌！

老黄做知识库和智能体

CSS 字体样式

本节我们来讲字体样式，之前我们学习 HTML 的时候学过一些用于字体加粗、倾斜的标签，但是使用标签来实现的效果肯定没有我们通过 CSS 中的样式来的方便。

MAO大侠

CSS教程：学习文字相关的属性

为什么要学习文字相关的属性答：因为一个网页在用户眼里，看到最多的内容就是文字，所以我们接触到制作页面最常用的CSS属性也是文字相关的属性。字体颜色字体颜色属性color一共有三种表示方式：直接编写颜色的英文名：red代表红色。

经历沧桑的少年

CSS中字体图标入门

1.什么是字体图标可以看作一种特殊字体，其展示的是图标，而不再是文字，其拥有字体的特性，比如大小、颜色、透明效果、阴影等，字体图标加载快、不变形。也可以看作是矢量格式的图标。2.字体图标常用免费资源（1）iconmoon字体图标库：https://icomoon.

分享见证成长

css字体，文本样式属性

CSS字体、文本样式属性1、字体属性CSS-Fonts（字体）属性用于定义字体系列、大小、粗细、和文字样式（如斜体）。1.

茂森优学教育*日语韩语就职培训