css 字体 

<!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>

posted on 2021-10-26 22:57  完美前端  阅读(41)  评论(0)    收藏  举报

导航