CSS中的字体预览是一个非常有用的工具，它可以用来预览你所使用的字体效果。通常我们会将它放在网页的头部，以此来应用于整个页面。

/*字体预览代码*/@font-face {font-family: 'myFont';src: url('fonts/myFont.eot');src: url('fonts/myFont.eot?#iefix') format('embedded-opentype'),url('fonts/myFont.woff2') format('woff2'),url('fonts/myFont.woff') format('woff'),url('fonts/myFont.ttf') format('truetype'),url('fonts/myFont.svg#myFont') format('svg');font-weight: normal;font-style: normal;}.preview {font-family: 'myFont', sans-serif; /*应用myFont字体*/font-size: 36px;line-height: 1.5;}

你能看到在CSS中，我们使用了@font-face规则，它允许我们定义一个自定义的字体。在像上面这样的@font-face规则中，我们需要为不同的浏览器提供多个版本，这是因为不同的浏览器支持不同的字体格式。

下面是一段使用字体预览的HTML代码：

这是一个字体预览的例子。

在这段代码中，我们使用了一个class名为preview的元素，并将字体预览应用于它。现在，当我们在浏览器中查看这个网页时，我们会看到一个使用我们定义的字体的文字。

总之，CSS中字体预览是一个非常有用的工具，它可以帮助你确定你所使用的字体在网页上的效果。如果你需要使用自己的字体，那么你需要为不同浏览器提供多个版本的字体文件，才能确保所有用户看到相同的字体效果。