Helvetica는 “ 웹 안전 ” 글꼴로 간주 되나요?

Helvetica는 안전하지 않을뿐만 아니라 저작권이있는 글꼴입니다. , 웹 폰트로로드 할 경우 사용하려면 라이선스가 필요합니다.

사실 100 % 안전한 웹 글꼴은 없습니다 사용자가 자신의 장치에있는 글꼴과 다른 운영 체제에는 다른 글꼴 세트가 있습니다. 따라서 다음과 같은 작업을 수행해야합니다.

p{font-family:Arial, Helvetica, sans-serif} 

그렇지 않으면 사이트가 사용자가 설정 한 기본 글꼴 (예 : Times New Roman .

안전하게 플레이하고 싶다면이 멋진 리소스를 추천합니다. CSS 글꼴 스택 . 여기에서 “안전한” 글꼴, OS 별 사용 비율, 대체 대안을 포함하여 사용할 코드를 볼 수 있습니다.

댓글

• 죄송합니다. UX는 무작위성이 아니라 제어에 관한 것입니다. 때때로 더 좋아할 수도 있지만, 말씀하신대로 순전히 주관적이고 추천 할만한 것이 아닙니다
• @Devin 동의합니다. Css에서 글꼴을 언급하는 동안 p {font-family : Helvetica, Arial, sans-serif}로 변경해야합니다. 이해 관계자가이 글꼴을 선호하는 경우 기본 글꼴이 먼저 나와야하며 다음으로 Arial n sansarif와 같은 시스템 글꼴을 추가해야합니다.
• 저작권 및 웹 글꼴로드에 대한 모든 댓글이있는 이유는 무엇입니까? 이 질문은 (정의상) 최종 사용자의 장치에 이미있는 웹 안전 글꼴에 대해 묻습니다. 질문은 웹 폰트를로드하고 싶지 않다는 것을 나타냅니다.
• CSS Font Stack은 좋지만 데스크톱 Windows 및 OS X에 설치된 글꼴 만 표시합니다.
• Windows의 Helvetica에 대해 읽어보세요. 링크

언급했듯이 안전한 웹 글꼴은 없습니다. 그러나 @ font-face 를 사용하여 서버에서 누락 된 글꼴을로드하는 방법이 있습니다. @ font-face는 CSS2에서 처음 도입되었으며 대체 파일 유형을 포함하며 광범위하게 지원됩니다 . 이것은 100 % 해결책은 아니지만 컴퓨터의 글꼴 선택에 의존하는 것보다 더 유망 할 것입니다.

먼저 서버에 파일을 일반 정적 호스팅 파일로 넣습니다. 웹 서버의 MIME 유형을 구성하여 파일을 제대로 처리하고 “클라이언트 수동 다운로드를 시도하지 않도록해야합니다.

그런 다음 스타일 시트에 다음과 같은 코드를 구현합니다. 다음과 같은. 가능한 형식 중 일부일뿐입니다. 모두 사용할 필요는 없습니다. 그러나 누락 된 리소스로 인한 불필요한 지연을 방지하기 위해 파일에 대한 참조를 삭제하지 않는 경우

@font-face { font-family: "MyWebFont"; src: url("webfont.eot"); /* IE9 Compat Modes */ src: url("webfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("webfont.woff2") format("woff2"), /* Super Modern Browsers */ url("webfont.woff") format("woff"), /* Pretty Modern Browsers */ url("webfont.ttf") format("truetype"), /* Safari, Android, iOS */ url("webfont.svg#svgFontName") format("svg"); /* Legacy iOS */ } 

그런 다음 글꼴을 사용자에게 할당합니다. 요소. Helvetica 버전을 사용하려는 경우 다음과 같이 사용하십시오.

font-family: "MyWebFont", Helvetica, sans-serif; 

글꼴을로드 할 수없는 경우 컴퓨터를 사용하려고합니다. “s Helvetica가 실패하면 sans-serif로드를 시도합니다. 또한 글꼴과 컴퓨터 글꼴을 바꿀 수 있습니다.하지만 스타일 시트를로드 한 후에도 글꼴을로드하기 때문에 대역폭이 절약되지 않습니다.

마지막으로 가장 중요한 것은 Helvetica는 무료 글꼴이 아닙니다. 사용하려면 라이선스를 구입해야합니다. Linotype은 웹 사이트에서 필요한 웹 글꼴과 라이선스를 판매합니다. 가격은 페이지보기를 기준으로합니다. 그러나 구매 한 후에는 웹 페이지 또는 웹 앱에 삽입하는 것이 완전히 합법적입니다.

모든 기기에서 액세스 가능

“ 모든 기기에서 사용 가능”과 같은 것은 실제로 없습니다.

포함 된 글꼴을 사용하지 않는 경우 글꼴 스택을 사용해야하므로 첫 번째 글꼴을 사용할 수없는 경우에 대비하여 몇 가지 백업 옵션이 있습니다.

Helvetica는 Windows 기본 글꼴 집합의 일부가 아니므로 Windows 사용자에게 다른 보조 글꼴이 표시 될 가능성이 있습니다. 이것이 문제가되지 않는다면 Helvetica를 사용하세요.

댓글

• Arial 글꼴은 모든 버전의 Windows에서 표준입니다 (v3.1) 본질적으로 동일한 레이아웃 특성을 가지고 있습니다. 따라서 Arial을 Helvetica의 폴백으로 사용하면 실질적으로 동일한 모양과 느낌을 얻을 수 있습니다 (차이점을 알고 관심을 갖는 글꼴 애호가에게 사과하면서 말함). en.wikipedia.org/wiki/Arial

참조

• Windows만이 유일한 OS가 아닙니다. ' 다른 사람들을 잊지 마세요. 다른 사람들은 Arial이 없을 수도 있습니다.
• 예를 들어 많은 Linux 배포판에는 기본적으로 Arial이 없습니다.