css fonts4 CSS google fonts CSS google fonts HTML의 표준 글꼴을 사용하지 않으려면 Google 글꼴을 사용할 수 있다. Google 글꼴은 무료로 사용할 수 있으며 1000개 이상의 글꼴을 선택할 수 있다. google fonts 사용하기 h1 제목 : 구글 폰트 Sofia on Fire h1 제목 : 구글 폰트 Sofia on Fire. 123456790 구글 폰트 sofia에 effect를 fire 설정하기 위해 Sofia&effect=fire로 설정하고 font-effect-fire를 class로 설정하면 아래 그림과 같이 sofia 폰트에 불이 난것 같은 효과가 표시된다. 여러 글꼴 효과를 요청하려면 다음과 같이 파이프 문자(|)로 효과 이름을 구분한다: Neon Effect Outline Effect Em.. 2023. 8. 8. CSS font-style 속성 CSS font-style 속성 font-style 속성은 대부분 기울임꼴 텍스트를 지정하는 데 사용된다. 이 속성에는 세 가지 값이 있다: normal - 텍스트가 정상적으로 표시됩니다 italic - 텍스트가 기울임꼴로 표시됩니다 oblique - 텍스트가 "편향"입니다(사선은 기울어짐). 이탤릭체와 비슷하지만 덜 지원됨) CSS font-weight 속성 font-weight 속성은 글꼴의 가중치를 지정한다: font-weight 속성 font-weight normal. font-weight lighter. font-weight bold. font-weight 900. CSS font-weight 속성값에 normal, lighter, bold, 900값을 설정하였을 경우 아래 그림과 같이 화면에 .. 2023. 8. 6. CSS 예비 폰트 일반적인 CSS 예비 폰트 다음은 일반적으로 사용되는 글꼴 폴백으로, 5개의 일반 글꼴 계열로 구성되어 있다: Serif Sans-serif Monospace Cursive Fantasy serif 예비 폰트 Times New Roman, Times, Serif 예비폰트 Times New Roman fallback fonts : times, serif Times New Roman폰트 fallback fonts : times, serif. 0 1 2 3 4 5 6 7 8 9 font-family에 'Times New Roman' 폰트를 설정하였는데 예비 폰트로 Times, serif 폰트를 설정하였고, 결과 화면은 아래 그림과 같다. Georgia, Serif 예비폰트 Georgia fallback fon.. 2023. 8. 5. CSS 웹 안전 폰트 CSS 웹 안전 폰트란 무엇인가? 웹 안전 글꼴은 모든 브라우저 및 장치에 보편적으로 설치되는 글꼴이다. CSS fallback 폰트 그러나 100% 완전한 웹 안전 글꼴은 없다. 글꼴을 찾을 수 없거나 올바르게 설치되지 않은 경우가 항상 있다. 따라서 항상 폴백 글꼴을 사용하는 것이 매우 중요하다. 즉, 글꼴 패밀리 속성에 유사한 "백업 글꼴" 목록을 추가해야 한다. 첫 번째 글꼴이 작동하지 않으면 브라우저는 다음 글꼴과 다음 글꼴을 시도한다. 항상 일반 글꼴 패밀리 이름으로 목록을 끝낸다. 여기에는 세 가지 글꼴 유형이 있다: Tahome, Verdana, Sans-serif 두 번째와 세 번째 글꼴은 첫 번째 글꼴을 찾을 수 없는 경우를 대비하여 백업이다. CSS Fallback Fonts 이것은 .. 2023. 8. 4. 이전 1 다음
