프론트엔드

<link> 사용해서 Web font 적용하기

Google Fonts와 같은 온라인 폰트 서비스를 통해 쉽게 원하는 폰트를 찾고, 웹사이트 개발에 활용할 수 있다. 우선, 위 링크의 구글 폰트에 접속해서 원하는 폰트를 선택한다. 폰트 종류를 선택했으면, 세부적인 폰트 스타일을 선택한다. 구글 폰트에서 자동으로 생성해준 를 복사해서, HTML 파일의 이제 폰트 적용을 위한 기본 준비가 끝이 났다. CSS 파일에서 font-family 선언을 통해 원하는 요소에 폰트를 적용할 수 있다. p { font-family: 'Roboto', sans-serif; }

[Front-end] CSS

Font Family • The font-family property defines the typeface of an element. h1 { font-family: Garamond; } When the name of a typeface consists of more than one word, it’s a best practice to enclose the typeface’s name in quotes, like so: h1 { font-family: 'Courier New'; } Font Size • font-size controls the size of text displayed. p { font-size: 18px; } Font Weight • font-weight defines how thin o..

[Front-End] Fundamentals of CSS / CSS의 기초

Cascading Style Sheets or CSS is a language web developers use to style the HTML content on a web page. CSS Anatomy Ruleset Terms: Selector—The beginning of the ruleset used to target the element that will be styled. Declaration Block—The code in-between (and including) the curly braces ({ }) that contains the CSS declaration(s). Declaration—The group name for a property and value pair that appl..