font-family 예제

Comments 0 by
August 2, 2019

글꼴 패밀리 CSS 속성은 선택한 요소에 대해 하나 이상의 글꼴 패밀리 이름 및/또는 일반 패밀리 이름의 우선 순위가 지정된 목록을 지정합니다. 글꼴 패밀리 속성은 브라우저/운영 체제 간의 최대 호환성을 보장하기 위해 여러 글꼴 이름을 “대체” 시스템으로 보유해야 합니다. 브라우저에서 첫 번째 글꼴을 지원하지 않으면 다음 글꼴을 시도합니다. 모노스페이스 서체에서 모든 문자는 줄에 동일한 양의 가로 공간을 차지합니다(그림 18-2). 예를 들어 대문자 W는 소문자 i. 다른 문자에 다른 너비를 할당하는 일반 서체와 비교하는 것보다 더 넓지 않습니다. 코믹 샌즈의 경우, 당신은 그것이 “fugly”이며 사용하지 말아야한다고 말합니다. 그러나, 문자가 쉽게 서로 혼동되지 않기 때문에 난독증 사람들을위한 글꼴을 읽기 쉬운 수 있도록 만들어졌습니다. 예를 들어 소문자 b 옆에 소문자 d를 넣으면 가로로 뒤집어도 동일하게 보이지 않는다는 것을 알 수 있습니다. d의 “줄기”는 미묘하게 구부러진 반면 b는 직선입니다.

p 및 q와 동일합니다. 또한 여러 값을 사용하는 경우 난독증 을 위해 함께 병합 할 가능성이 적도록 문자 사이에 의도적 인 패딩이 있습니다. CSS 글꼴-패밀리 값에 대 한 모범 사례는 공백이 있는 값으로 따옴표의 각 을 구분 하는 것입니다. 글꼴 – 가족 : “소스 산스 프로”, “아리알”, 산세리프; 아래 예제에서는 두 글꼴 패밀리, 첫 번째 글꼴 두 번째 글꼴 패밀리를 나열 합니다. 이 예제에서는 브라우저가 사용 가능한 경우 소스 샌즈 프로를 사용하려고 시도합니다. 찾을 수 없는 경우 Arial을 사용하려고 합니다. 사용할 수 없는 경우 브라우저의 sans-serif 글꼴을 사용합니다. 두 개 이상의 이름을 지정하면 브라우저는 목록에 있는 글꼴을 찾을 때까지 차례로 글꼴을 찾습니다. 그 중 어느 것을 찾지 못하면 브라우저의 기본 글꼴만 사용합니다.

마지막 세 가지 예는 브라우저에 지정된 형식의 일반 글꼴을 찾도록 요청합니다.