CSS @font-face가 Flash나 PHP 없이 HTML에 사용자 정의 글꼴을 포함할 수 있나요?-CSS 튜토리얼-php.cn

CSS @font-face가 Flash나 PHP 없이 HTML에 사용자 정의 글꼴을 포함할 수 있나요?

Barbara Streisand

풀어 주다： 2024-12-03 03:25:10

원래의

913명이 탐색했습니다.

Can CSS @font-face Embed Custom Fonts in HTML Without Flash or PHP?

HTML에서 사용자 정의 글꼴 설치

Q: CSS를 사용하여 HTML에서 사용자 정의 글꼴 구현

HTML 레이아웃에 사용자 정의 글꼴(KG June Bug)을 통합할 계획입니다. Flash나 PHP를 사용하지 않고도 CSS가 이를 용이하게 할 수 있습니까?

A: 사용자 정의 글꼴 통합을 위한 @font-face

CSS는 이 문제를 해결하기 위해 @font-face 기능을 제공합니다.

CSS에서 글꼴 선언:

@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); }
@font-face { font-family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf');}

로그인 후 복사

에서 글꼴 참조 HTML:

<h3>
  font-family: Delicious, sans-serif;
</h3>

로그인 후 복사

다음은 구체적인 예입니다.

<html>
   <head>
    <style>
      @font-face { font-family: JuneBug; src: url('JUNEBUG.TTF'); } 
      h1 {
         font-family: JuneBug
      }
    </style>
   </head>
   <body>
      <h1>Hey, June</h1>
   </body>
</html>

로그인 후 복사

JUNEBUG.TFF 파일이 HTML 파일과 동일한 디렉터리에 있는지 확인하세요.

추가 팁:

다음과 같은 웹사이트에서 글꼴을 얻을 수 있습니다. dafont.com. 다운로드하는 모든 글꼴의 라이센스 약관을 읽고 준수하십시오.

위 내용은 CSS @font-face가 Flash나 PHP 없이 HTML에 사용자 정의 글꼴을 포함할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!