<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
/* 使用 @font-face 规则自定义字体 */
@font-face{
/* 定义字体名称,之后通过此名称在CSS中引用该字体 */
font-family:feijiFont;
/* 指定字体文件的路径及格式 */
src:url('浪漫花园.ttf') format("truetype");
/* 设置字体的粗细为正常 */
font-weight:normal;
}
div{
/* 使用自定义的字体 */
font-family: feijiFont;
font-size: 200px;
/* 当字体因某种原因发生变化时,font-size-adjust属性会调整字体大小,确保字体的x-height与原始字体的x-height相同,从而确保页面的布局不会受到影响 */
font-size-adjust:0.70; /* 修改字体种类时,为保持字体大小不变,调整字体的大小 */
}
</style>
</head>
<body>
<div>我在这里啊,你去那里了</div> <!-- 显示的文本内容 -->
</body>
</html>