웹사이트를 디자인할 때 특정 폰트 이름에 의존하는 방식은 사용자에게 예상치 못한 문제를 일으킬 수 있습니다. 플랫폼, 네트워크 환경, 심지어 보안 설정에 따라 폰트가 제대로 로드되지 않거나 깨져 보이는 경우가 많기 때문입니다. 이로 인해 개발자들은 웹 폰트 사용을 재고하고, CSS font-family 속성을 구성할 때 일반 계열 폰트(fallback)를 필수적으로 포함해야 한다는 주장이 힘을 얻고 있습니다.
주요 내용은 다음과 같습니다. 첫째, 모든 주요 플랫폼에서 공통으로 제공되는 '웹 안전 폰트'는 존재하지 않으므로, 특정 폰트 이름이 항상 작동한다고 가정해서는 안 됩니다. 웹 폰트 역시 로딩 실패, 보안 차단, 데이터 절약 모드 등으로 인해 문제가 발생할 수 있습니다. 둘째, 고정폭 텍스트(예: 코드)가 필요한 경우 `font-family`에 반드시 `monospace`를 포함해야 합니다. `monospace`가 누락되면 일부 환경에서 레이아웃이 망가질 수 있습니다. 셋째, `Arial`, `Helvetica`처럼 시스템에 있을 법한 폰트를 길게 나열하는 방식은 실익이 적으며, 브라우저의 일반 계열 기본값이 더 나은 선택을 할 가능성이 높습니다. `sans-serif`나 `serif`와 같은 일반 계열만 명시하는 것이 더 안전합니다. 넷째, `system-ui`나 `ui-*` 폰트는 짧은 UI 텍스트에 적합하며, 긴 콘텐츠나 다양한 언어 지원에는 맞지 않을 수 있어 사용에 주의가 필요합니다.
이러한 권장 사항은 웹 개발자들이 사용자 경험을 최우선으로 고려해야 함을 시사합니다. 웹 폰트가 없는 경우보다 느리고 로딩 실패 가능성이 있다는 점을 감안할 때, 콘텐츠에는 사용자의 기본 폰트를 그대로 쓰는 선택이 현실적일 수 있습니다. 이는 웹사이트의 성능을 개선하고, 다양한 사용자 환경에서 일관된 경험을 제공하는 데 기여할 것입니다. 특히 `monospace, monospace`와 같이 두 번 명시하여 브라우저의 기본 글자 크기 설정을 우회하는 팁은 개발자들에게 유용한 정보가 될 수 있습니다. 궁극적으로는 웹사이트가 폰트 선택의 주도권을 사용자에게 돌려주고, 브라우저의 기본값을 존중하는 방향으로 나아가야 한다는 메시지를 담고 있습니다.