>  기사  >  웹 프론트엔드  >  HTML 글꼴

HTML 글꼴

WBOY
WBOY원래의
2024-09-04 16:53:16979검색

HtmlSchriftart는 HTML 언어를 사용한 글꼴인데, 이 글꼴은 게다가 독일어에서도 사용되므로 다른 모든 기능은 다른 HTML 글꼴과 동일합니다.Html. HTML에는 글꼴 스타일, 색상 및 글꼴 태그를 사용하여 텍스트 값의 글꼴 크기와 색상을 설정하는 스타일 속성이 있습니다. 일반적으로 글꼴은 Java, PHP 등과 같은 응용 프로그래밍 언어를 작성할 때마다 모든 언어에 중요합니다. 우리는 코드를 일반 영어로 작성하고 자체 컴파일러를 사용하여 일부 글꼴 스타일을 가지며 코드를 기계 수준으로 변환합니다. HTML 글꼴과 같은 언어는 사용자 매력을 위한 UI 레벨 코드입니다.

구문:

Htmlfonts(Schriftart)는 CSS 스타일의 일부 스타일 속성을 사용하고 있으며, 글꼴 태그를 사용하여 글꼴 글꼴, 크기 및 색상을 선언했습니다.

<html>
<body>
<font face="" color="" size="">
</font>
</body>
</html>

위 코드는 웹 페이지에서 선언하고 사용하는 html 글꼴의 기본 구문 중 하나입니다. 또한 볼드체, 이탤릭체, 밑줄 보기와 같은 다양한 스타일 속성으로 글꼴을 표시했습니다.

Html Schriftart를 어떻게 사용하나요?

  • html 태그는 글꼴의 크기와 색상을 선언하고 할당하는 데 사용됩니다. html5 글꼴에서는 태그가 제거됩니다. 글꼴 태그 대신 CSS 스타일을 사용합니다. 해당 속성은 HTML 문서의 텍스트 값을 정렬하기 위해 모든 글꼴, 글꼴 모음, 크기 및 색상에 사용됩니다. @font-face 주석 기반 html 태그를 사용하여 웹 문서에 사용자 정의 글꼴을 추가하여 자체 사용자 정의 글꼴을 로드할 수도 있습니다. 이는 HTML 글꼴의 기능 중 하나이지만 웹페이지 속도를 저하시키고 페이지 성능에도 영향을 미치므로 반드시 확인해야 합니다.
  • 주석 기반 html 태그는 브라우저 측면의 CSS 스타일에 사용됩니다. HTML 웹 페이지에 기본 항목이 로드되므로 문제가 발생할 수 있습니다. @font-face와 같은 스타일을 사용하여 웹 브라우저에서 외부 글꼴을 호출하면 사용자가 텍스트를 사용할 때마다 CSS에서 글꼴을 할당하는 지정된 글꼴 스타일로 자동으로 변환됩니다. 프런트 엔드의 보이지 않는 측면. 일부 유형의 브라우저에서는 웹 페이지에 사용자 정의 글꼴이 로드되기를 기다리고 있습니다. 웹페이지를 로드하는 데 시간이 걸릴 수 있습니다. 일반적으로 웹페이지를 표시하는 데 3초가 걸립니다.
  • Safari, Android 브라우저, Blackberry 모바일 브라우저와 같은 Webkit 유형의 브라우저에서는 웹페이지를 로드하는 데 최대 30초가 걸릴 수 있습니다. 때때로 사용자 정의 글꼴은 사용 가능한 사이트에서 잠재적으로 일부 오류를 나타냅니다. CSS 스타일을 사용하면 다른 파일을 다운로드하더라도 모양이 더 유연하고 사용자 친화적으로 보일 것이며 웹 페이지에서 사용하기에도 매우 간단하고 보기에도 좋을 것입니다.
  • 대부분의 브라우저에서 기본 글꼴 크기는 3이고, 대부분의 웹사이트에서 텍스트 값의 범위는 2~3입니다. 각 브라우저 및 웹사이트에 따라 다를 수 있습니다. 글꼴 크기는 1. 절대적 및 2. 상대적이라는 두 가지 범주로 선언됩니다. 절대 크기 범위는 1에서 7 사이입니다. 사용자 브라우저 호환성에 따라 값이 달라집니다. 또한 글꼴 크기를 선언한 후 글꼴 크기를 조정할 수 있습니다. 이는 웹 페이지의 사용자 텍스트에 영향을 미치며 사용자 기본 설정에 맞게 조정됩니다. 텍스트 크기는 사용자 기대와 다소 다르게 표시됩니다. 매우 높거나 낮은 텍스트는 위 유형으로 표시됩니다. 글꼴 크기를 매우 짧게 설정하면 사용자 측에서 웹페이지를 읽기가 어렵습니다.
  • 긴 글꼴 길이를 사용하면 웹 페이지가 다른 페이지에서 이어집니다. 사용자는 프런트 엔드에 필요한 탐색을 위해 웹 페이지를 스크롤할 수도 있습니다. 텍스트 글꼴 크기는 사용자 측에 따라 달라지므로 사용자 관점을 선택하면 정상적으로 표시되고 프런트 엔드에서는 모양이 더 정교해집니다. 웹 페이지를 만들 때마다 www 컨소시엄에서 해당 페이지에 액세스할 수 있도록 하려고 합니다. 그러면 웹페이지를 전 세계적으로 표시할 수 있게 됩니다.
  • 일반적으로 글꼴 값은 "Times New Roman, Comic sans MS, Arial, Calibri" 등과 같이 고정된 값입니다. " Schriftart” 이 글꼴은 웹 페이지 문서에 사용됩니다. 면 속성의 도움으로 글꼴을 설정할 수 있지만, 글꼴 스타일이 사용자 PC에 설치되어야 하기 때문에 사용자가 로그인하지 않고 브라우저에서 페이지를 보지 않으면 글꼴 스타일만 설정된다는 점을 알아야 합니다. 브라우저 화면에 표시됩니다. 글꼴이 설치되어 있지 않은 경우에는 PC에 이미 설치되어 있는 기본 글꼴을 사용하여 화면을 보게 됩니다.

HTML Schriftart 구현 예시

다음은 언급된 예시입니다.

예시 #1

코드:

<html>
<body>
<font size="19">Welcome</font><br />
<font size="20">To</font><br />
<font size="33">My Domain</font>
</body>
</html>

출력:

HTML 글꼴

Example #2

Code:

<html>
<body>
<font size="-19">Welcome</font><br />
<font size="+20">To</font><br />
<font size="-33">My Domain</font>
</body>
</html>

Output:

HTML 글꼴

Example #3

Code:

<html>
<body>
<basefont face="Times New Roman,arial, verdana, sans-serif" size="3" color="green">
<p>Welcome</p>
<h2>To My Domain</h2>
<p><font size="+23" color="pink">
Welcome User
</font></p>
<p><font face="Calibri" size="-18" color="Red">
Welcome To My Domain
</font></p>
</body>
</html>

Output:

HTML 글꼴

Explanation to the above examples: In the above three examples, we discussed the font sizes with different ranges; the above three outputs are executed in the chrome browsers the font size whatever we mention in the code it will be displayed in the browser the final example we have seen the font size, styles, and colors.

Conclusion

We have seen the html schriftart(font) is angerman language fonts; we will use the fonts to translate the html predefined tags to convert the german language, but the functionalities of the fonts are to be the same as we discussed in the font features, colors, and sizes. In CSS, it will declare in the font style attributes it will mention all the font behaviors.

위 내용은 HTML 글꼴의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.