>웹 프론트엔드 >CSS 튜토리얼 >'글꼴군 -사과 시스템이 무슨 뜻인가요?'

'글꼴군 -사과 시스템이 무슨 뜻인가요?'

WBOY
WBOY앞으로
2023-08-23 10:49:021144검색

CSS에서 'font-family' 속성은 HTML 요소의 텍스트 내용 글꼴을 설정하는 데 사용됩니다. 여러 글꼴 이름을 값으로 허용합니다. 브라우저가 첫 번째 글꼴을 지원하지 않으면 HTML 요소에 대해 다음 글꼴 스타일을 설정합니다.

사용자는 다음 구문에 따라 'font-family' CSS 속성을 사용할 수 있습니다.

으아악

'font-family' CSS 속성의 '-apple-system' 값을 사용하면 개발자가 웹 페이지의 HTML 콘텐츠에 대해 Apple 운영 체제와 동일한 글꼴을 설정할 수 있습니다. 이는 사용자의 장치 기본 설정에 따라 글꼴을 설정할 수 있음을 의미합니다.

문법

사용자는 아래 구문에 따라 "-apple-system" 글꼴을 "font-family" CSS 속성으로 사용할 수 있습니다.

으아악

예 1

아래 예에서는 HTML 요소의 텍스트 콘텐츠에 대해 "-apple-system" 글꼴 모음을 설정했습니다. Apple 장치를 사용하는 경우 글꼴이 Apple 장치와 동일한 사양으로 설정되는 것을 볼 수 있습니다.

으아악

예 2

의 중국어 번역은 다음과 같습니다.

예 2

아래 예에서는 글꼴 모음 속성의 두 번째 값으로 "BlinkMacSystemFont"를 대체 항목에 추가합니다. 여기서 Firefox 및 Opera 브라우저의 경우 "-apple-system" 값이 사용되는 반면 Chrome 브라우저는 "BlinkMacSystemFont"를 지원합니다. 또한 대체 값으로 다른 글꼴을 사용했습니다. 따라서 "font-family"는 특정 브라우저에서 지원되는 글꼴을 찾을 때까지 다음 글꼴을 선택합니다.

으아악

사용자는 사용자의 장치 기본 설정에 따라 글꼴을 선택하기 위해 "-apple-system" 글꼴 모음을 사용하여 Apple 장치용 글꼴을 선택하는 방법을 배웠습니다. 또한 브라우저가 장치의 글꼴을 찾을 수 없는 경우를 대비해 대체 글꼴을 설정합니다.

위 내용은 '글꼴군 -사과 시스템이 무슨 뜻인가요?'의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제