웹 사이트를위한 25 개의 화려한 웹 안전 글꼴

전자 상거래 상점 소유자이든 신생 블로거이든 관계없이 모든 웹 사이트에서 공통적으로 사용하는 것은 콘텐츠에 텍스트를 사용하는 것입니다. 사이트의 전체적인 미학을 만들고 성공을 보장 할 때 표시 텍스트 (또는 활자체 디자인)에 대해 생각하는 것은 당연히 중요합니다..


매력적이지 않은 기본 글꼴 (또는 더 나쁜 Comic Sans!)을 사용하는 경우 멋진 WordPress 템플릿이 있거나 웹 사이트에 인상적인 이미지를 넣을 수 있습니다. 그렇다면 여전히 외모와 느낌이 드는 웹 사이트가 생깁니다 전문가가 아닌.

또한 온라인에서 볼 수있는 화려한 웹 타이포그래피가 풍부합니다..

물론 선택한 글꼴이 다른 컴퓨터에 안정적으로로드되도록하려면 “웹 안전 글꼴”을 선택해야합니다..

25 가지의 멋진 웹 안전 글꼴을 사용하면이 기사가 끝날 때까지 항상 작동하는 웹 사이트를위한 놀라운 웹 타이포그래피를 얻을 수 있습니다.!

웹 세이프 글꼴이란??

웹 안전 글꼴은 일반적으로 컴퓨터, 휴대폰, 스마트 TV 및 태블릿과 같은 대부분의 장치에 사전 설치된 글꼴입니다..

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

이상적인 세상에서는 웹 사이트에 원하는 글꼴을 선택할 수 있어야합니다. 실제로는 사용할 수있는 글꼴 유형에 제한이 있습니다.

대부분의 컴퓨터와 웹 브라우저에는 제조업체에서 사전 설치 한 글꼴 세트가 제공되지만 디자인은 다를 수 있습니다. 다른 모든 제조업체가 공유 한 표준 글꼴 세트가 없었습니다..

사용한 글꼴이 사용자의 컴퓨터에 설치되지 않은 경우 웹 사이트는 일반 글꼴로 되돌아 가며 때로는 읽을 수없는 글꼴로 표시 될 수 있습니다.

이를 피하기 위해 웹 디자이너는 1996 년에 Microsoft에서 출시 한 웹의 핵심 글꼴을 대부분의 웹 사이트 글꼴의 표준으로 사용하고 있습니다. 컴퓨터에 관계없이 글꼴이 웹 사이트에 안전하게 표시되므로 이러한 글꼴 세트는 결국 ‘웹 안전 글꼴’이되었습니다..

웹 사이트에 웹 안전 글꼴을 사용해야합니까?

짧은 대답 : 물론.

웹 사이트의 디자인과 시각적 브랜드를 일관되게 유지하려면 웹 안전 글꼴을 사용하면 웹 사이트가 의도 한대로 정확하게 표시됩니다..

실제로 오늘날 거의 모든 웹 사이트는 웹 안전 글꼴 형식을 사용하고 있습니다. 웹 디자이너는 Times New Roman과 같은 일반적인 글꼴이 특정 또는 사용자 정의 글꼴이 아닌 경우 웹 사이트를 방문 할 때 표시되지 않도록 항상 웹 안전 글꼴을 선택하는 것이 좋습니다..

이 웹 안전 글꼴을 추가하는 방법?

이러한 글꼴을 웹 페이지에 추가하는 데 사용할 수있는 여러 가지 방법이 있지만 프로그래밍에 익숙하지 않거나 기술 경험이 거의없는 경우 원시 CSS 코드를 쉽게 복사하여 직접 붙여 넣기 만하면됩니다. 글꼴을 사용하기 위해 자신의 스타일 시트에.

여전히 확실하지 않은 경우 다음 몇 가지 간단한 단계를 수행하십시오.

  1. header.php 파일 불러 오기
  2. 글꼴 소스 / 표준 코드 복사
  3. 헤더 파일 맨 위에 코드를 붙여 넣습니다..
  4. style.css를로드하고 글꼴 코드를 넣어 원하는 글꼴 텍스트를 변경하십시오..

마지막에는 다음과 같은 스타일 시트가 있어야합니다.

웹 사이트를위한 25 가지 멋진 웹 안전 글꼴

1. 아리아

링크 / 소스 : Fonts.com / CSS Font Stack

3. Helvetica

링크 / 소스 : Fonts.com / CSS Font Stack

5. Trebuchet MS

링크 / 소스 : Fonts.com / CSS Font Stack

7. 팔라티노

링크 / 소스 : Fonts.com / CSS Font Stack

9. 조지아

링크 / 소스 : Fonts.com / CSS Font Stack

11. 택배

링크 / 소스 : Fonts.com / CSS Font Stack

13. 베르 다나

링크 / 소스 : Fonts.com / CSS Font Stack

15. 길 산스

링크 / 소스 : Fonts.com / CSS Font Stack

17. 칸다 라

링크 / 소스 : Fonts.com / CSS Font Stack

19. 디 도트

링크 / 소스 : Fonts.com / CSS Font Stack

21. 로크웰

링크 / 소스 : Fonts.com / CSS Font Stack

프랭클린 고딕

링크 / 소스 : Fonts.com / CSS Font Stack

25. 캘리 스토 MT

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

    Like this post? Please share to your friends:
    Adblock
    detector
    map