블로그를위한 10 가지 최고의 웹 안전 글꼴 (HTML 및 CSS 작업)

폰트. 우리는 매일 그들을 봅니다. 인쇄 광고에서 잡지에 이르기까지 전 세계에 모든 종류의 글꼴이 있습니다. 읽을 수 없다면, 당신은 아마도 적절한 매체에 맞는 글꼴을 선택하는 것의 중요성을 이해할 것입니다


블로그와 웹 사이트의 경우 스타일에 가장 적합한 글꼴을 선택하는 것이 중요하지만 더 중요한 것은 웹에 안전한 글꼴이되는 것입니다.

웹 안전 글꼴이란??

모든 운영 체제 (Windows, Mac, Android, iOS 등)에는 일정량의 내장 글꼴이 제공됩니다. 문제는 OS마다 시스템에 다른 서체가 설치되어있을 수 있다는 것입니다.

Web Safe 글꼴이 들어갑니다.

웹 세이프 글꼴은 기본적으로 모든 플랫폼과 다양한 시스템에서 공유하고 볼 수있는 글꼴 스타일입니다.

웹 폰트 임베딩 서비스

구글 웹 글꼴 또는 타입 킷 서버에서 호스팅되는 글꼴을 사용할 수있는 시스템입니다. Typekit은 Google 웹 글꼴과 달리 글꼴 수, 사이트 트래픽 및 도메인 수에 따라 가격을 설정합니다..

Google 덕분에 Google Web Fonts는 완전 무료이며 사용하기 쉽습니다. 예를 들어, 다음과 같은 글꼴 유형을 선택할 수 있습니다 라토, 오픈 산스 또는 티노스. 생성 된 코드를 문서에 붙여 넣습니다. 그리고 당신은 CSS에서 그것을 참조하도록 설정되었습니다..

자세한 내용을 알아 보려면 초보자를위한 기본 HTML이 있습니다..

웹 안전 글꼴이 중요한 이유?

인쇄 할 때 웹에서“보는 것은 얻는 것”입니다. 화면에 표시되는 내용은 다른 사람의 화면과 정확히 같지 않을 수 있습니다.

예를 들어, 고용 한 디자이너가 사이트의 텍스트 디자인에 정말 화려하고 모호한 글꼴 모음을 사용하기로 결정했다고 가정 해 보겠습니다. 방문자에게 컴퓨터에 특정 글꼴이 설치되어 있지 않거나 웹 친화적 인 장소에서 가져 오지 않으면 Times New Roman과 같은 기본 글꼴 변형이 표시됩니다..

멋진 글꼴이있는 아름답게 디자인 된 사이트가있을 수 있지만 방문자에게로드 할 수없는 경우 여전히 평범하고보기 흉하게 보입니다..

이러한 웹 세이프 글꼴을 사용하면 아무도 액세스 할 수없는 글꼴을 선택했기 때문에 텍스트가 이상하게 보일 염려가 없습니다..

웹 사이트를 만드는 방법 (단계별 안내서)을 찾으려면 링크를 따라 최근에 게시 된 기사 중 하나를 확인하십시오..

우리가 권장하는 10 가지 최고의 웹 안전 글꼴

웹 안전 글꼴의 중요성을 알았으므로 이제 사이트에 글꼴을 사용해야합니다..

선택할 수있는 글꼴이 많이 있지만 HTML 및 CSS와 함께 사용하려면 10 가지 웹 안전 글꼴을 사용하는 것이 좋습니다. 그들은 널리 사용되며 꽤 좋아 보입니다..

1. 아리아

arialArial 글꼴 패밀리의 예

웹 사이트를로드하면 Arial 글꼴을 사용하게 될 가능성이 있습니다.

이 산 세리프체 글꼴이 가장 널리 쓰이는 글꼴이며 모든 웹 안전 글꼴의 표준으로 간주됩니다. 특수 글꼴 대신 사용되는 경우가 많으며 Windows 장치에서는 사용할 수 없습니다..

2. Helvetica

HelveticaHelvetica 글꼴 패밀리의 예

깨끗하고 전문적인 웹 사이트에서 Arial 글꼴을 사용하는 경우 Helvetica는 디자이너가 선택합니다..

Helvetica는보다 세밀한 디자인을 허용하는보다 양식화 된 sans serif 글꼴을 제공합니다..

3. 시간 새로운 로마

시대가 새로운 로마Times New Roman 글꼴 패밀리의 예

이전 Times 글꼴의 새로운 변형.

Times New Roman은 아마도 대부분의 Windows 사용자가 Microsoft Word의 표준 serif 글꼴이므로 익숙 할 것입니다. Arial에 비해 Times New Roman은 디자인이 약간 더 전통적입니다..

4 번

타임스Times 글꼴 패밀리의 예

Times가 당신에게 친숙해 보인다면 그것은 오래된 신문 인쇄에 사용 된 표준 글꼴 이었기 때문입니다.

Times는 가장 전통적인 글꼴로 간주되며 인쇄물이나 신문 밖에서는 거의 사용되지 않습니다..

5. Trebuchet MS

trebuchet-msTrebuchet MS 글꼴 패밀리의 예

원래 90 년대에 Microsoft가 설계 한 Trebuchet MS는 영감 오래된 중세 스타일의 글꼴.

Windows XP의 기본 글꼴로, 웹에서 한동안 바디 복사 글꼴로 눈에 띄게 사용되었습니다..

6. 베르 다나

베르 다나Verdana 글꼴 패밀리의 예

웹 글꼴에 가장 안전한 선택 중 하나 인 Verdana는 단순한 세리프 라인과 초대형 문자를 사용하여 디자인합니다..

글꼴의 길쭉한 모양은 인터넷에서 읽을 수있는 가장 쉬운 글꼴 중 하나이며 종종 많은 블로거가 선택하는 글꼴입니다..

7. 아리아 블랙

arial-blackArial Black 글꼴 패밀리의 예

Arial 글꼴을 좋아했지만 더 크고 더 큰 것을 원한다면 Arial Black을 잘못 사용할 수 없습니다. 사람들이 Helvetica 스타일의 굵은 글꼴을 사용하려고했지만 라이센스 비용을 지불하고 싶지 않은 경우.

8. 택배

택배원Courier 글꼴 패밀리의 예

Courier는 거의 모든 장치 및 운영 체제에서 모든 “고유 한”글꼴을 대체 할 수있는 구식 모노 스페이스 글꼴을 사용할 수 있으므로 모든 사람에게 친숙해야합니다..

가장 세련된 글꼴은 아니지만 읽기 쉽고 깔끔하게 디자인되었습니다..

9. 택배

택배Courier New 글꼴 패밀리의 예

Courier는 Times와 마찬가지로 클래식 스타일을 현대화 한 재 설계를했습니다..

Courier New는 고정 폭 글꼴로 간주되며 대부분의 장치 및 운영 체제에서도 사용할 수 있습니다..

10. 조지아

그루지야Georgia 글꼴 모음의 예

Verdana는 일반적으로 대부분의 웹 사이트에서 가장 안전한 선택이지만, 같은 글꼴 크기의 문자가 약간 더 큰 글꼴을 원한다면 Georgia가 계산에 적합합니다..

이 글꼴은 특정 경우에 작동하며 다른 세리프 글꼴 (Times New Roman 옆의 작은 모양)과는 잘 작동하지 않습니다..

절대로 사용하지 마십시오 : Comic Sans MS

물론 재미 있고 다소 기발한 것처럼 보이지만 웹 사이트를 진지하게 사용하려면 Comic Sans MS를 절대 사용하지 마십시오..

만화Comic Sans MS 글꼴의 예

sans-serif 글꼴은 만화책 글자를 일시적으로 사용하며 일반적으로 비공식 문서 및 어린이 자료에 사용됩니다. 어린이 책이나 만화책을 쓰지 않는 한 Comic Sans MS를 사용하지 마십시오!

마무리

웹 안전 글꼴의 목적은 웹 사이트에서 디자인 한 내용이 다른 장치 및 플랫폼에서 의도 한대로 정확하게 표시되도록하는 것입니다. 일부 글꼴이 작동하지 않을 수 있지만 사이트의 글꼴을 멋지게 만드는 여러 가지 훌륭한 디자인이 있습니다..

어떤 상황에서도 Comic Sans MS를 사용하지 않겠다고 약속하십시오..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map