HTML5 및 CSS3 웹 페이지에서 글꼴 패밀리를 설정하는 방법 - 더미

페이지의 일부에 글꼴 패밀리를 지정하려면 새로운 CSS를 사용하십시오. 예를 들어,이 페이지의 제목은 Comic Sans MS로 설정되어 있습니다. 이 페이지를 Windows 컴퓨터에서 보면 일반적으로 Comic Sans MS가 대부분의 Windows 버전에 설치되어 있기 때문에이 글꼴을 올바르게 표시합니다. 다른 유형의 기계를 사용 중이면 다른 것을 얻을 수 있습니다. 간단한 사건을보십시오.

코드는 다음과 같습니다.

comicHead. html h1 {font-family: "Comic Sans MS";}

이것은






이것은 평범한 텍스트입니다.

이 페이지의 비밀은 CSS 속성입니다. 대부분의 CSS 요소와 마찬가지로 페이지의 모든 HTML 태그에도 적용 할 수 있습니다. 이 특별한 경우, 그것을 레벨 1 제목에 적용했습니다.

h1 {font-family: "Comic Sans MS";}

그러면 원하는 글꼴 이름을 첨부 할 수 있고 브라우저는 해당 글꼴을 사용하여 요소를 표시하려고합니다.

글꼴은 컴퓨터에서 완벽하게 작동하지만 사용자의 컴퓨터에 글꼴이 설치되어 있지 않으면 작동하지 않을 수 있습니다.

iPad에서 똑같은 페이지를 실행하면이 결과가 표시 될 수 있습니다.

특정 글꼴 인 Comic Sans MS는 Windows 컴퓨터에 설치되지만 MS 는 Microsoft를 의미합니다. 이 글꼴은 Linux 또는 Mac에 항상 설치되지는 않습니다. (때로는 그곳에 있고 때때로 그렇지 않은 경우도 있습니다.) 특정 글꼴이 설치되어있는 사용자는 믿을 수 없습니다.

예를 들어 Comic Sans 글꼴은 좋지만 웹 개발에서 많이 사용되었습니다. 심각한 웹 개발자는 페이지를 아마추어처럼 보이게 만드는 경향이 있으므로 실제 응용 프로그램에서 사용하지 마십시오.