font / icon

hanyoko·2023년 6월 18일

CSS

목록 보기
5/14
post-thumbnail

html 문서에 스타일 적용하기

1) 내부 스타일 시트 (style 태그 안에 작성) <style></style>
2) 외부 스타일 시트 (css파일을 link 태그로 불러오기) <link href="style.css">
3) 인라인 스타일 (태그 안에 style 속성을 작성) <div style={{textAlign: "center"}}></div>


font

구글 웹 폰트

https://fonts.google.com/?subset=korean
에서 원하는 폰트를 찾은 후, +버튼을 눌러 사용할 폰트에 추가

link 혹은 import를 복사하여
link 일 경우 <head></head> 사이,
import 일 경우 <style></style> 사이에 입력

<style></style> 혹은 cssfont-family를 지정하고 싶은 곳에 CSS rules to specify families를 입력한다.

눈누

https://noonnu.cc/

import를 복사하여 <style></style>사이에 입력 한 후,
'https ://cdn.rawgit.com/moonspam/글자/master/nanumsquare.css'
글자font-family: '글자'로 지정해주면 적용된다.


icon

W3Schools

https://www.w3schools.com/icons/icons_reference.asp

원하는 아이콘을 찾아 link를 긁어, 사이에 입력한다.
html<i class=''> 글자 </i>를 입력한다.
글자처럼 취급되므로 font-sizecolor 로 사이즈 및 색상 변경이 가능하다.

0개의 댓글