CSS에서 여러 글꼴을 사용하는 정확한 이유는 무엇입니까? 다른 브라우저에서 사용합니까? 내가 CSS에서 항상 무시한 그 무언가가 있지만 지금이 일을하는 이유를 이해하고 싶습니다.CSS에서 여러 글꼴을 사용하는 이유
body {
font: normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
}
이유는 주로 대체 때문입니다.
사용자가 특정 글꼴을 설치하지 않은 경우 목록에서 다음 글꼴이 사용됩니다.
현재 모든 사람이 기본 글꼴이 설치되어 있고 글꼴 파일을 다운로드하라는 메시지가 표시되지 않으므로 일반적으로 필요하지 않습니다.
구형 브라우저에서는 특정 글꼴이 설치되어 있고 사용자 정의 글꼴을 포함 할 수 없었던 지 여부를 알 수있는 방법이 없었으므로 대체 메커니즘을 제공하기 위해 사용되었습니다.
또 다른 이유는 Mac과 Windows의 글꼴이 서로 다른 경우가 많기 때문입니다 (글꼴이 비슷하지만 이름이 다를 수 있음).
대체입니다. 브라우저가 첫 번째 글꼴을 찾지 못하면 다음 등을 찾습니다. 을 찾으면 찾을 것이고 Tahoma 등을 찾으면
여러 글꼴 그룹을 사용하는 이유는 일부 운영 체제에는 사전 설치된 글꼴이 없기 때문입니다. css가 해당 글꼴을 찾지 못하면 다음 글꼴을 검색하는 식으로 진행됩니다.
예를 들어 Helvetica는 OS X과 함께 제공되는 (내가 아는 한) 제공되지 않으므로 CSS는 FreeSans 글꼴 등을 찾습니다.
웹 사이트의 일관성을 유지하기 위해 게시 한 예제에서 여러 글꼴이 사용됩니다. Times New Roman을 사용하고 CSS가 Times New Roman Installed를 찾지 못하는 경우 "기본"Comic Sans를 사용하지 않을 것입니다. 기술적 인 용어로
는 "대체"라고하고 여기에 대한 자세한 설명은 찾을 수 있습니다 http://www.w3schools.com/cssref/pr_font_font-family.asp
당신이 보여준 목록의 글꼴 (굴림, 굴림, 돋움, FreeSans, 산세 리프)은을 그 순서대로 구현되므로 Arial을 사용할 수있는 경우 사용하지 않으면 Tahoma 등을 사용하십시오.
이렇게 추론하는 이유는 선호하는 글꼴을 먼저두고 사용자가 해당 글꼴을 설치하지 않은 경우입니다. 그들의 기계에 그 때 다음 것 시도되고 etc로. 일반적으로 목록의 마지막 글꼴은 모든 사용자가 가질 수있는 '표준'입니다 (sans-serif, serif 등). 기본적으로 Sans-serif 글꼴을 사용합니다.
글꼴 선언은 다음과 같습니다 처음 두를 사용할 수 있다면
font-family: "my weird font", "my alternative font", Arial, sans-serif;
SO, '굴림'가 사용됩니다 - 일반적으로 선박과 같은 웹에 적합한 글꼴로 알려져있다 대다수 운영체제의 기본 insatalls.