집 >웹 프론트엔드 >CSS 튜토리얼 >CSS에서 글꼴을 설정하는 방법

CSS에서 글꼴을 설정하는 방법

醉折花枝作酒筹원래의: 2021-06-01 15:58:4615450검색

CSS에서 글꼴을 설정하는 방법: 1. 글꼴 태그를 사용하여 설정합니다. 구문 형식은 ""입니다. 2. 글꼴 계열 속성을 사용합니다. set, "label {font-family:"font style"}"

CSS에서 글꼴을 설정하는 방법

에 대한 구문 형식 이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

1. 글꼴 태그로 글꼴을 구성하세요

<font face="字体样式"></font>

예:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div>未设置字体的“你若盛开，蝴蝶自来”</div>
  <font face="华文中宋">设置字体的“你若盛开，蝴蝶自来”</font>
</body>
</html>

글꼴 태그는 얼굴 글꼴 속성을 설정하고 그 값으로 글꼴 차이를 설정할 수 있습니다

css 글꼴 설정 단어는 글꼴 -family

예:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    p{
      font-family: &#39;Courier New&#39;, Courier, monospace;
    }
  </style>
</head>
<body>
  <p>设置字体的“你若盛开，蝴蝶自来”</p>
  <div>未设置字体的“百无禁忌”</div>
</body>
</html>

효과:

CSS에서 글꼴을 설정하는 방법

CSS에서 글꼴을 설정하는 방법

관련 기사