매킨토시 시스템용 HTML5 글꼴이란?
매킨토시(macOS)는 운영체제에 다양한 고품질 글꼴을 기본으로 탑재하고 있습니다. 이러한 시스템 글꼴은 별다른 설치 과정 없이 바로 사용할 수 있기 때문에, HTML5 문서나 웹 페이지를 작성할 때 매우 안정적인 선택지가 됩니다.
아래 표는 매킨토시 시스템에서 지원하는 대표적인 글꼴 38종을 알파벳순으로 정리한 목록입니다.
| 글꼴(Font) | 글꼴(Font) | 글꼴(Font) |
|---|---|---|
| American Typewriter | Andale Mono | Apple Chancery |
| Arial | Arial Black | Baskerville |
| Big Caslon | Brush Script | Capitals |
| Charcoal | Comic Sans MS | Copperplate |
| Courier New | Futura | Gadget |
| Gill Sans | Herculanum | Hoefler Text |
| Hoefler Text Ornaments | Impact | Lucida Grande |
| Marker Felt | Optima | Osaka |
| Palatino | Papyrus | Sand |
| Skia | Symbol | Techno |
| Textile | Times | Times New Roman |
| Trebuchet MS | Verdana | Webdings |
| Zapf Dingbats | Zapfino |
CSS에서 매킨토시 글꼴 활용하기
웹 페이지에서 위 글꼴들을 사용하려면 CSS의 font-family 속성에 글꼴 이름을 지정하면 됩니다. 단, 방문자의 운영체제에 해당 글꼴이 설치되어 있지 않은 경우를 대비해, 마지막에 sans-serif 또는 serif와 같은 일반 글꼴 계열(generic family)을 함께 지정하는 것이 좋습니다.
p {
font-family: Futura, Verdana, sans-serif;
}글꼴 성격에 따라 용도를 나누면 더욱 효과적입니다. Baskerville, Optima, Palatino 같은 세리프 계열 글꼴은 우아하고 인쇄물 같은 분위기를 연출하는 데 적합하며, Futura, Gill Sans, Verdana 같은 산세리프 계열은 깔끔하고 현대적인 느낌을 줍니다. Zapfino나 Brush Script처럼 필기체 성격이 강한 글꼴은 본문보다는 제목이나 강조 문구에 소량 사용하는 것이 좋습니다.