CSS의 웹 안전 글꼴과 대체 글꼴이란 무엇입니까?

이 웹사이트는 사용자에게 회사, 제품 및 서비스에 대한 정보를 제공하도록 설계되었습니다. 모든 웹사이트는 독자가 반응할 수 있도록 명확하고 아름다워야 합니다. 웹사이트의 타이포그래피는 일관성을 유지하고 미적인 느낌을 주는 핵심 요소입니다. 전체 웹사이트의 개성은 브랜드 아이덴티티를 만드는 데 중요한 타이포그래피에 의해 만들어집니다. 독특하고 일관된 타이포그래피를 사용하면 사용자는 특정 글꼴을 브랜드와 연관시키기 시작할 것입니다.

좋은 타이포그래피를 사용하면 독자의 관심을 유지하고 웹 사이트에 더 오래 머물도록 설득할 수 있습니다. 탄탄한 그래픽 균형과 강력한 시각적 계층 구조를 생성하면 웹 사이트의 전반적인 톤을 설정하는 데 도움이 됩니다. 결정은 독자가 텍스트 자료를 처리하고 해석하는 방식에 중요한 영향을 미치며, 이는 콘텐츠를 매력적으로 만들어 웹사이트의 가독성에 영향을 미칩니다. Google에서 개발자를 위해 소개한 다양한 웹 안전 글꼴을 통해 다음을 수행할 수 있습니다. 다운로드는 무료입니다. 이 문서에서는 웹 안전 글꼴과 대체 글꼴에 대해 설명합니다.

CSS에서 제공하는 글꼴을 개발자가 사용할 수 있습니다.

웹 안전 글꼴이란 무엇인가요?

웹 안전 글꼴은 모든 장치의 모든 브라우저에서 지원되는 글꼴입니다. 이러한 글꼴을 사용하면 개발자는 사용자 장치에 설치되지 않은 경우에도 글꼴을 올바르게 표시할 수 있습니다. 웹 안전 글꼴이 개발되기 전에는 사용자의 로컬 시스템에 글꼴이 설치되지 않은 경우 브라우저에

Times New Roman

과 같은 일반 글꼴이 표시되었습니다. 그러나 개발자는 글꼴이 서버 측에서 올바르게 표시되는지 여부를 감지할 수 없습니다. 이로 인해 사용자 경험이 저하됩니다. 웹 안전 글꼴을 사용하면 이 문제가 해결됩니다. 웹 디자인 중에 웹 안전 글꼴을 사용하면 글꼴이 모든 장치에서 그대로 표시되므로 안심할 수 있습니다.

문법

으아아아

웹 안전 글꼴의 종류

6개의 웹 안전 글꼴이 있습니다. 그 내용은 다음과 같습니다 −

• 세리프

  - 이 글꼴은 각 문자의 본문에 있는 작은 돌출부를 포함하고 있어 화면과 인쇄된 양식에서 더 쉽게 읽을 수 있습니다.

• Monospace

  - 이 글꼴은 문자 사이의 간격이 동일한 글꼴입니다. Space Mono, Courier, Inconsolata 등은 모두 고정폭 글꼴입니다.

• Sans serif 글꼴

  - 이 글꼴은 serif 글꼴과 반대입니다. 작은 돌출부가 없습니다. Arial, Helvetica, Futura, Calibri 등은 산세리프 글꼴의 몇 가지 예입니다.

• Fantasy

  - 이 글꼴은 매우 스타일리시하고 장식적입니다. Papyrus, Herculanum, Luminari는 판타지 글꼴입니다.

• MS

  - 마이크로소프트에서 선보인 폰트입니다. Trebuchet MS, MS Gothic, Georgia 등이 MS 폰트입니다.

• Cursive

  - 필기체 손글씨와 유사한 글꼴입니다. Brush Script MT, Broadley, Monarda, Raksana 등은 필기체 글꼴입니다.

  예
으아아아

CSS의 대체 글꼴은 무엇인가요?

CSS는 웹 디자인을 위한 두 가지 유형의 글꼴 패밀리를 제공합니다. 이는 serif(Times New Roman, Georgia 등)와 Arial, Calibri 등과 같은 개별 글꼴 패밀리입니다.

유니버설 글꼴군에는 유사해 보이는 글꼴이 많이 있으므로 사용자 시스템에서 사용할 수 있는 기본 글꼴이 없는 경우 대신 사용할 수 있는 유사한 글꼴군 목록이 포함된

백업

메커니즘이 있습니다. 이러한 글꼴을 대체 글꼴이라고 합니다. 100% 안전한 웹 글꼴은 없기 때문에 웹 디자인의 백업으로 사용됩니다. 항상 오류의 가능성이 있습니다.

BackupFont는 백업 역할을 하여 이 문제를 해결합니다. 웹 안전 글꼴인 글꼴 모음을 대체 글꼴로 설정할 수도 있습니다.

대체

글꼴의 예로는 필기체, 판타지, 고정 폭 등이 있습니다 문법 으아아아

글꼴2, 글꼴3, 글꼴4

는 백업으로 사용되는 대체 글꼴입니다. 브라우저가 글꼴1을 지원하지 않으면 글꼴2가 표시됩니다. 글꼴2가 아닌 경우 글꼴3이 사용됩니다.

예 으아아아 위 예에서 텍스트의 글꼴 모음은 글꼴 1입니다. 글꼴 1 글꼴 모음을 지원하지 않는 브라우저가 있는 경우 해당 브라우저 옆에 대체 글꼴로 사용할 수 있는 글꼴 모음 목록이 있습니다.

결론

웹 디자인에서 웹 안전 글꼴을 사용하는 것은 개발자가 사용자 장치에 표시할 수 있도록 보장하는 좋은 방법입니다. 그러나 웹 안전 글꼴은 100% 신뢰할 수 없습니다. 따라서 CSS 대체 글꼴을 글꼴 백업으로 사용할 수 있으므로 한 글꼴 계열이 작동하지 않으면 브라우저는 나열된 다른 글꼴 계열을 시도할 수 있습니다. 공통 글꼴군을 첫 번째 글꼴로 사용한 다음 다른 옵션에도 동일한 글꼴군을 사용하는 것이 좋은 코딩 습관입니다.

위 내용은 CSS의 웹 안전 글꼴과 대체 글꼴이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!