font-family : 글꼴 집합?
글꼴들의 우선 순위가 지정하여 font 없을 경우 차선택을 할 수 있도록 유도하는 것.
font-family는 family-name과 generic family로 나누어집니다.
family-name |
지정한 폰트가 컴퓨터 시스템에 없을 경우에 시스템이 적절한 폰트를 선택할 수 있도록 대비 serif(삐침이 있는 명조계), sans-serif(삐침이 없는 고딕계 폰트), monospace(고정폭을 가진 폰트), fantasy(꾸밈계 폰트), cursive(필기체 폰트)로 다섯 종류 |
generic -family | |
■ 구글 무료 폰트 : https://fonts.google.com/
그러면 구글 폰트 요소를 추가하는 방법을 알아보겠습니다.
1. https://fonts.google.com/earlyaccess에서 원하는 폰트를 찾아주세요
2. 원하는 폰트 url를 알아주시고 <head> </head>에 이렇게 추가해주세요
(link 하나당 = 1 font)
3. css에서 지정 또는 <head> </head> 부분에 추가해주세요
4. 확인해보겠습니다.
See the Pen Font-family by Nami (@NamuNami) on CodePen.
'[CSS]' 카테고리의 다른 글
| [css] 바운스(Bounce ) 효과 만들기 (0) | 2019.04.30 |
|---|---|
| 크롬 자동재생 방어,막기 없애버리기 ( + 보너스 유튜브(youtube) api 사용기) (0) | 2018.05.03 |
| [css] @media query(미디어 쿼리)와 screen 크기 (0) | 2017.01.02 |
| [css] :before :after (0) | 2016.12.28 |
미나미나미