전체 글

나는 밤하늘의 디벨로퍼
WEB/CSS

[CSS] 제네릭 폰트(Generic font)

제네릭 폰트(Generic font) 특정한 폰트명을 지정하지 않고 일반적인 폰트 카테고리를 지정하는 CSS 속성이다. 웹 페이지가 특정 폰트를 사용할 수 없는 경우에 대비하여 대체 폰트를 지정하는 데 사용된다. '폰트 예약어'라고도 한다. 제네릭 폰트 카테고리 : serif , sans-serif , monospace , cursive , fantasy 1) serif(세리프): 획끝에 장식이 있는 폰트(궁서체, 바탕체) 2) sans-serif(산세리프) : 획끝에 장식이 없는 폰트(돋움체, 고딕체) 3) monospace(고정폭) : 문자폭이 균일한 폰트(궁서체) 4) cursive(손글씨) : 장식체 5) fantasy(판타지) : 장식체 적용 예시 font-family: 궁서체, 바탕체, mon..

WEB/CSS

[CSS] 웹 폰트(구글 폰트, 눈누) 적용하기

1. 구글 폰트 https://fonts.google.com/?subset=korean¬o.script=Kore Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 왼쪽 Languge 탭에서 적용가능한 언어로 조회할 수 있다. 적용할 글꼴을 선택한 후 해당 글꼴의 굵기를 선택한다. 오른쪽 import 버튼을 클릭 후 아래의 코드를 복사하여 html 파일에 붙여넣는다. 2. 눈누 https://noonnu.cc/ 눈누 상업용 무료한글폰트 사이트 noonnu.cc 적용할 글꼴을 선택한다. 선택한 글꼴 창의 오른쪽 '웹폰트로 사용' 코드 부분을 복사한다. ..

WEB/CSS

[CSS] text (색상, 정렬, 크기, 줄간격, 스타일, 두께, 단어 간격, 자간, 들여쓰기, 폰트)

다량의 텍스트 준비 아래 링크처럼 lorem ipsum 사이트를 이용하면 의미없는 단어들을 나열해준다. 더미데이터를 만들 때 사용한다. http://guny.kr/stuff/klorem/#/p-view 한글 Lorem Ipsum (간세네) 로렘 입숨(lorem ipsum; 줄여서 립숨, lipsum)은 출판이나 그래픽 디자인 분야에서 폰트, 타이포그래피, 레이아웃 같은 그래픽 요소나 시각적 연출을 보여줄 때 사용하는 표준 채우기 텍스트로, 최종 guny.kr 🔻텍스트 색상, 전경색(Fore Color)🔻 color 보통 검은색은 흰 배경색과 대비가 강하기에 잘 사용하지 않는다. #333333 ~ #555555 의 값을 잘 사용한다. (RGB가 같은 숫자면 회색이다.) p { color: #ff5733; ..

developer of the night sky
susukkang.LOG