글꼴

Fonts Represent Your Content

글과 단어들은 블로그와 웹사이트의 고기와 감자이다. 단어들은 아름다운 색상 및 그림과 함께 웹사이트에서 전하고자 하는 내용이다. 그러나 글꼴 선택에 주의를 기울여야 한다. 테마를 디자인할 때 글꼴 선택은 사람들이 한 두 페이지 이상을 보기 위해 머물게 하는데 영향을 미친다

글꼴 유형 및 스타일은 다양하지만, 사용자가 자신의 컴퓨터에 설치된 글꼴이 없으면 일반적인 serif 또는 sans-serif와 같은 “비슷한” 글꼴이 적용된다. 컴퓨터에 설치된 글꼴 목록을 확인하려면, 아래의 글꼴사이트를 방문하거나 또는 이 글꼴 테스트를 한다. 글꼴이 있는 경우에는 볼 수 있지만, 없으면 일반 Courier 글꼴로 보여준다.

테마의 스타일 시트 ( 일반적으로 style.css로 글꼴 (표시 할 글꼴 목록), 색상, 크기 및 글꼴의 다른 특성을 제어 할 수 있다. 다음 예제는 사이드 바 메뉴의 글꼴, 크기는 1em 높이, 색상은 파랑 색을 설정한다 :

위 예제에서는 하나 이상의 글꼴을 설정했다. 사용자가 Verdana가 없는 경우, Arial이 표시된다. Verdana와 Arial이 없는 경우, Helvetica를 사용하게 된다. 모두 없으면, 사용자의 시스템 글꼴이 적용되고, 기본 글꼴로 sans-serif를 사용한다. 이 선택 목록은 디자이너가 글꼴을 제어하여 일관된 “look and feel”을 보장하도록 도와준다.

글꼴은 한 단어가 보통이지만, Lucida Console 같이  한 단어 이상일 때, 아래 예제와 같이 인용 부호로 감싸야 한다 :

Fonts in WordPress

워드 프레스 테마는 여러 가지 방법으로 글꼴을 사용하지만 일관성이 있지는 않다. 테마를 디자인할 때 테마 저자의 결정과 필요에 따라 달라진다. 웹 사이트 영역마다  다른 글꼴을 적용할 수 있다. 헤더에 한 종류, 사이드 바에 한 종류 (두 개 또는  세 개일 수도 있다) 및 글 내용 영역에 다른 글꼴 스타일이나 유형을 적용할 수 있다. 이것들을 변경하기 위해 해당 글꼴을 찾는 것은, 사용자에게는 슬픈일이 될 수 있다.

어디에나 글꼴을 적용할 수 있기 때문에, 변경하고자하는 글꼴을 찾는 것은 도전이 될 수 있다. 일반적으로, 전체 글꼴은 웹 사이트의 body에 적용한다.

이것은 특정 태그, class 또는 div로 정의되지 않는 사이트에 있는 글꼴의 정의를 설명합니다. 그것은 “fall-back font”이다.

글꼴은 보통 사이트의 헤더 내에있는 헤더 div에서 발견된다. 사이드 바 또는 메뉴 및 footer 스타일 division에서도 발견된다. 그러나, 콘텐츠를 추적하는 것은 더 어렵다.

글 콘텐츠 영역안의 글꼴은 다음과 같은곳에 정의되지만 항상 그런 것은 아니다. CSS 클래스로는 :

  • content
  • post
  • entry
  • post-entry

특정 클래스 또는 단락 태그 안에 글꼴 정보가 있을 수 있다 :

사이드 바 또는 메뉴에 중첩된 목록 안의 글꼴까지 좁히기는 매우 어려울 수 있다. 많은 워드 프레스 사이트의 모든 중첩된 목록에 관한 단계별 가이드를 보려면  Styling Lists with CSS 참조하자.

여전히 특정 글꼴 코드를 추적하기 어렵다면, Finding Your CSS Styles에 있는 팁과 기술을 사용하자.

Which Font

사이트의 글꼴을 결정하는 것은 개인의 선택이지만, 결정하는 데 도움이 되는 글이 있다. 대부분의 사람들의 컴퓨터에서 가장 일반적으로 발견되고 가독성이 있는 글꼴을 사용하는 것이 좋다,

Font Surveys

가장 인기있는 글꼴을 알려면, 다음을 체크해보자 :

답글 남기기