字体浮动 CSS 是一种用于改变字体大小的 CSS 技巧。通过使用浮动属性，可以将字体大小浮动在水平和垂直方向上，从而实现字体大小的调整。下面将介绍如何使用字体浮动 CSS 来改变字体大小。
## 1. 了解字体浮动 CSS
字体浮动 CSS 是通过在字体大小的设置值之间添加一个或多个空格来实现的。例如，如果大家使用以下代码来改变字体大小：
“`css
font-size: 16px;
这将会使字体大小为 16 像素。如果大家在字体大小的设置值之间添加一个空格，例如：
“`css
font-size: 16px;
font-size: 16px + 2px;
这将会使字体大小为 16 像素 + 2 像素(即 18 像素)。
## 2. 使用字体浮动 CSS 改变字体大小
要使用字体浮动 CSS 来改变字体大小，大家需要在 CSS 文件中使用 `font-size` 属性，并添加一个或多个空格来浮动字体大小。例如：
“`css
body {
font-size: 16px;
font-size: 16px + 2px;
这将会使页面字体大小为 16 像素 + 2 像素(即 18 像素)。
## 3. 示例
下面是一个简单的示例，演示如何使用字体浮动 CSS 来改变字体大小：
“`html
<!DOCTYPE html>
<html>
<head>
<title>字体浮动 CSS 示例</title>
<style>
body {
font-size: 16px;
font-size: 16px + 2px;
}
</style>
</head>
<body>
<h1>字体浮动 CSS 示例</h1>
<p>字体大小为 16 像素 + 2 像素。</p>
</body>
</html>
在这个示例中，`h1` 元素和 `p` 元素都将使用相同的字体大小，但由于在水平和垂直方向上添加了一个空格，它们的字体大小将不同。