P粉0777017082023-08-30 15:14:03
가능한 모든 형식 값을 아는 것이 중요하지 않습니다. - 그 중 많은 값이 실험적인 브라우저 구현에서 비롯되었기 때문입니다.
실제로 일부 서식 값을 CSS 브라우저 접두사와 비교할 수 있습니다. 다행스럽게도 관련성이 떨어졌지만 불행히도 여전히 관련성이 있는 경우가 있습니다.첫 번째
예를 참조하세요. @font-face
으아악
실제로 분실되었습니다. 하지만 네트워크 사용량과는 아무런 관련이 없습니다. .otf
으아악
글꼴 캐스팅 용어: OTF 글꼴 파일은 "포스트 스크립트 풍미" 개방형 글꼴이라고도 합니다.
.ttf/truetype 글꼴은 "Truetype 맛이 나는" 오픈타입 글꼴이라고도 합니다.
글꼴에는 woff2에 비해 고급 파일 압축 기능이 부족합니다. .otf
구식.eot
(특별한 Windows 임베디드 시스템에서 실행되는 일부 임베디드 시스템을 유지 관리할 필요가 없는 경우)
그러나 위의 모든 브라우저는 woff2, woff 또는 truetype도 지원합니다.
가장 중요한 점은 Chromium/Blink 기반 브라우저(opera, Vivaldi, Brave, Internet Explorer 13/Edge) 또는 Firefox에서는 지원되지 않는다는 것입니다.
글꼴 파일이 필요합니다(icomoon과 같은 아이콘 생성기의 교환 형식으로 편리하게 사용할 수 있음) .svg
또한 트루타입 글꼴은 데스크탑 환경에서 사용할 수 있으므로 모든 응용 프로그램에서 로컬로 설치하고 사용할 수 있습니다.
가변 글꼴
오늘날에는 더 이상 필요하지 않습니다. 일반 형식 식별자만 사용하면 됩니다.
그래도 포함하는 것이 좋습니다.
으아악
대신으아악
...무게와 스타일 속성을 잊지 마세요). font-weight: 100 1000
으아악