2012-10-10 2 views
2

HTML 작업을 시작했을 때 모든 브라우저에서 HTML로 렌더링 할 수있는 글꼴을 선택할 수있었습니다.차세대 브라우저에서 HTML의 표준 글꼴은 어떤 글꼴입니까?

Arial, Verdana, Times New Roman, Georgia. 이제 2003 년부터 브라우저가 많이 바뀌 었습니다. 모든 브라우저와 새로운 호환 글꼴이 있습니까? 아니면 2k 초 만에 다시 볼 수있는 글꼴입니까?

+0

모든 글꼴은 모든 브라우저에서 호환됩니다. – BoltClock

+0

당신은 모든 폰트를 포함 할 수 있습니다 .... – Champ

+0

모든 브라우저에서 렌더링 됨으로 나는 어떤 사용자가 제안한 것처럼 "웹 안전"을 의미하므로 모든 OS에서 빌드하거나 간단히 볼 수 있습니다. 브라우저/사용자/행성이 내 페이지를 서핑합니다. – Naraj

답변

8

Naraj, 당신이 말하는 것은 web-safe fonts.입니다. 이들은 모든 사용자가 자신의 컴퓨터에 가지고있는 글꼴입니다.

내가 들어가기 전에 글꼴 로딩이 어떻게 작동하는지 설명하겠습니다. 웹 사이트를 방문하면 CSS 파일이 컴퓨터에 어떤 글꼴 파일을 찾을 지 알려줍니다. 컴퓨터에 해당 글꼴 파일이 없으면 표시되지 않습니다! 다행히도 브라우저는 똑똑하고 기본값 인 Arial과 같은 경우 다시 사용합니다.

어쨌든 참조하는 글꼴 목록은 상자를 꺼내면 대부분의 컴퓨터와 함께 제공되는 글꼴 목록입니다. 이 때문에 사용자가 웹 사이트를 가지고있을 가능성이 높으며, 웹 사이트를 참조하면 웹 사이트가 제대로 표시됩니다. 반면 Helvetica와 같은 글꼴은 PC가 없기 때문에 모든 컴퓨터에있을 수 없습니다. 웹 사이트에서 Helvetica를 사용하려고하면 대부분의 PC 사용자는 표시되지 않습니다!

이제 기술적으로 모든 웹 사이트의 글꼴을 사용할 수 있습니다. 이것은 CSS 규칙 @font-face을 통해서입니다. 이것은 사용자가 서버의 폰트 위치를 가리키게하여 사용자가 다운로드하여 사용할 수 있도록합니다.

@font-face을 사용할 때 두 가지 관심사가 있습니다. 첫 번째는 사용자가 글꼴을 다운로드해야하므로 페이지가 표시되는 데 약간의 지연이 추가된다는 것입니다. 두 번째 중요한 문제는 글꼴 사용권이 있어야한다는 것입니다.다른 사람이 글꼴을 소유하고 있기 때문에 Helvetica를 서버에 업로드 할 수 없습니다. 이런 글꼴을 사용하려면 https://typekit.com/과 같은 글꼴 배포자 웹 사이트에서 라이센스를 구매해야합니다!

다른 사람들이 언급했듯이 Google Web Fonts과 같이 사용자에게 @font-face 글꼴을 허용하는 훌륭한 웹 서비스가 있습니다.

이 모든 내용은 web-safe fonts의 목록에는 별다른 변화가 없습니다. @font-face을 사용하지 않으면 2003 년부터 동일한 폰트 목록을 고수해야합니다. Here's an updated list 올해부터.

희망이 도움이됩니다.

+0

대답은이 좋은 사람의 글의 마지막 단락에 있습니다. "웹 안전 글꼴 목록은별로 바뀌지 않았습니다." 다른 사람들이 제멋대로이거나 질문을 이해하지 못합니다. – besluitloos

+0

매우 슬픈 일입니다. – Naraj

2

브라우저는 여기에 적합하지 않습니다. 글꼴은 '시스템'에서 나옵니다. 즉, 브라우저 자체가 아니라 특정 사용자가있는 컴퓨터를 의미합니다.

로컬 컴퓨터에서 글꼴을로드합니다.

많은 글꼴 서비스가 있습니다. 좋은 무료 글꼴은 Google 글꼴입니다. http://www.google.com/webfonts

시도해보십시오!

0

나는 여러 가지가 섞여 있다고 생각합니다. face 속성을 사용하여 글꼴을 정의하면 브라우저는 클라이언트 파일 시스템에서이 글꼴을로드하려고 시도합니다. 그가 찾을 수없는 경우 구성된 기본 글꼴을 사용합니다. 글꼴 목록은 클라이언트 파일 시스템에서도 읽습니다.

0

대부분의 최신 브라우저에서는 웹 글꼴을 사용하여 모든 OS/브라우저에서 원하는 글꼴을 렌더링 할 수 있습니다.

물론 많은 글꼴은 OS마다 다르므로 OS X에서 렌더링 할 글꼴은 Windows에서 사용할 수 없습니다.

웹 글꼴로 수정되었습니다. Google은 호스팅 된 웹 글꼴을 제공합니다. http://www.google.com/webfonts

0

원하는 글꼴을 사용할 수 있습니다. 해당 글꼴을 사용자의 컴퓨터에서 사용할 수 있으면 제대로 표시되고, 그렇지 않으면 브라우저가 특정 '표준'글꼴로 기본 설정됩니다. 일부 OS (또는 모두)와 함께 제공되지 않는 사용자 정의 글꼴을 사용하려면 CSS3 @ font 속성, Google 글꼴 또는 다른 솔루션을 사용해야합니다.

1

없음. "웹 안전 글꼴"은 없습니다. 모든 브라우징 상황에서 사용할 수있는 단일 글꼴은 없습니다. 이것은 시스템 (컴퓨터)에 달려 있으며 브라우저가 아닙니다. 요컨대 글꼴은 운영 체제 및 일부 응용 프로그램 소프트웨어와 함께 제공되지만 일반적으로 브라우저가 포함되지 않습니다.

Arial, Verdana, Times New Roman 및 Georgia조차도 다른 버전에 존재하므로 특정 글꼴 군을 사용하면 약간 다른 결과를 얻을 수 있으며 일부 컴퓨터에서는 누락되었습니다. 안드로이드는 하나도 가지고 있지 않으며 (안드로이드에서 사용 가능한 글꼴은 다른 시스템에 미리 설치되어 있지 않으므로 웹 보안 글꼴이 없다는 것을 증명합니다).

@font-face을 통해 사용되는 웹 글꼴이라고도하는 다운로드 가능한 글꼴은 페이지에 글꼴을 포함시켜 모든 사람이 해당 글꼴로 텍스트를 볼 수 있도록하는 것으로 종종 설명되었습니다. 이것은 부분적으로 사실이지만, 부분적으로, 그리고 함정이 많고 다른 주제가 있습니다.

관련 문제