CSS 튜토리얼

CSS 홈 CSS 소개 CSS 구문 CSS 선택기 CSS 방법 CSS 주석 CSS 색상 CSS 배경 CSS 테두리 CSS 여백 CSS 패딩 CSS 높이/너비 CSS 상자 모델 CSS 개요 CSS 텍스트 CSS 글꼴 CSS 아이콘 CSS 링크 CSS 목록 CSS 테이블 CSS 디스플레이 CSS 최대 너비 CSS 위치 CSS Z-색인 CSS 오버플로 CSS 플로트 CSS 인라인 블록 CSS 정렬 CSS 결합기 CSS 의사 클래스 CSS 의사 요소 CSS 불투명도 CSS 탐색 모음 CSS 드롭다운 CSS 이미지 갤러리 CSS 이미지 스프라이트 CSS 속성 선택기 CSS 양식 CSS 카운터 CSS 웹사이트 레이아웃 CSS 단위 CSS 특수성 CSS !중요 CSS 수학 함수

CSS 고급

CSS 둥근 모서리 CSS 테두리 이미지 CSS 배경 CSS 색상 CSS 색상 키워드 CSS 그라디언트 CSS 그림자 CSS 텍스트 효과 CSS 웹 글꼴 CSS 2D 변환 CSS 3D 변환 CSS 전환 CSS 애니메이션 CSS 도구 설명 CSS 스타일 이미지 CSS 이미지 반사 CSS 객체 맞춤 CSS 객체 위치 CSS 마스킹 CSS 버튼 CSS 페이지 매김 CSS 다중 열 CSS 사용자 인터페이스 CSS 변수 CSS 상자 크기 조정 CSS 미디어 쿼리 CSS MQ 예 CSS 플렉스박스

CSS 반응형

RWD 소개 RWD 뷰포트 RWD 그리드 보기 RWD 미디어 쿼리 RWD 이미지 RWD 비디오 RWD 프레임워크 RWD 템플릿

CSS 그리드

그리드 소개 그리드 컨테이너 그리드 항목

CSS SASS

SASS 튜토리얼

CSS 예제

CSS 템플릿 CSS 예제 CSS 퀴즈 CSS 연습 CSS 인증서

CSS 참조

CSS 참조 CSS 선택기 CSS 함수 CSS 참조 청각 CSS 웹 안전 글꼴 CSS 애니메이션 가능 CSS 단위 CSS PX-EM 변환기 CSS 색상 CSS 색상 값 CSS 기본값 CSS 브라우저 지원

CSS 훌륭한 글꼴 페어링


훌륭한 글꼴 조합은 훌륭한 디자인에 필수적입니다.


글꼴 페어링 규칙

다음은 훌륭한 글꼴 조합을 만들기 위한 몇 가지 기본 규칙입니다.

1. 보완

서로를 보완하는 글꼴 쌍을 찾는 것이 항상 안전합니다.

훌륭한 글꼴 조합은 너무 비슷하거나 너무 다르지 않고 조화를 이루어야 합니다.

2. 글꼴 슈퍼패밀리 사용

글꼴 수퍼패밀리는 함께 잘 작동하도록 설계된 글꼴 집합입니다. 따라서 동일한 상위 패밀리 내에서 다른 글꼴을 사용하는 것이 안전합니다.

예를 들어, Lucida 수퍼패밀리에는 Lucida Sans, Lucida Serif, Lucida Typewriter Sans, Lucida Typewriter Serif 및 Lucida Math 글꼴이 포함되어 있습니다.

3. 대비가 왕입니다

너무 유사한 두 글꼴은 종종 충돌합니다. 그러나 올바른 방식으로 수행된 대비는 각 글꼴에서 최상의 결과를 이끌어냅니다.

예: 세리프체와 산세리프체를 결합하는 것은 잘 알려진 조합입니다.

강력한 수퍼패밀리에는 동일한 글꼴의 세리프 및 산세리프 변형이 모두 포함됩니다(예: Lucida 및 Lucida Sans).

4. 한 명의 보스만 선택

하나의 글꼴이 보스여야 합니다. 이렇게 하면 페이지의 글꼴에 대한 계층이 설정됩니다. 이것은 크기, 무게 및 색상을 변경하여 달성할 수 있습니다.

예시

의심할 여지 없이 "Georgia"가 여기의 보스입니다.

body {
  background-color: black;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  color: gray;
}

h1 {
  font-family: Georgia, serif;
  font-size: 60px;
  color: white;
}

아래에서는 많은 브랜드와 상황에 맞는 인기 있는 글꼴 조합을 보여 주었습니다.



조지아와 베르다나

조지아와 베르다나는 고전적인 조합입니다. 또한 웹 안전 글꼴 표준을 따릅니다.

예시

제목에는 "Georgia" 글꼴을 사용하고 텍스트에는 "Verdana" 글꼴을 사용합니다.

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.


헬베티카와 가라몬드

Helvetica와 Garamond는 웹 안전 글꼴을 사용하는 또 다른 고전적인 조합입니다.

예시

제목에는 "Helvetica" 글꼴을 사용하고 텍스트에는 "Garamond" 글꼴을 사용합니다.

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.


인기 있는 Google 글꼴 페어링

HTML에서 표준 글꼴을 사용하지 않으려면 Google 글꼴을 사용할 수 있습니다.

Google 글꼴은 무료로 사용할 수 있으며 1000개 이상의 글꼴 중에서 선택할 수 있습니다.

다음은 인기 있는 Google 웹 글꼴 페어링입니다.


메리웨더와 오픈 샌즈

예시

제목에는 "Merriweather" 글꼴을 사용하고 텍스트에는 "Open Sans" 글꼴을 사용합니다.

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.


우분투와 로라

예시

제목에는 "Ubuntu" 글꼴을 사용하고 텍스트에는 "Lora" 글꼴을 사용합니다.

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.


에이브릴 팻페이스와 포핀스

예시

제목에는 "Abril Fatface" 글꼴을 사용하고 텍스트에는 "Poppins" 글꼴을 사용합니다.

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.


Cinzel과 Fauna One

예시

제목에는 "Cinzel" 글꼴을 사용하고 텍스트에는 "Fauna One" 글꼴을 사용합니다.

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.


마운틴 원과 리브레 바스커빌

예시

제목에는 "Fjalla One" 글꼴을 사용하고 텍스트에는 "Libre Baskerville" 글꼴을 사용합니다.

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.


스페이스 모노와 물리

예시

제목에는 "Space Mono" 글꼴을 사용하고 텍스트에는 "Muli" 글꼴을 사용합니다.

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.


스펙트럼과 루빅

예시

제목에는 "Spectral" 글꼴을 사용하고 텍스트에는 "Rubik" 글꼴을 사용합니다.

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.


오스왈드와 노토 산스

예시

제목에는 "Oswald" 글꼴을 사용하고 텍스트에는 "Noto Sans" 글꼴을 사용합니다.

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.

모든 무료 Google 글꼴 목록을 보려면 방법 - Google 글꼴 자습서 를 방문하십시오 .