본문 바로가기

HTML/CSS문법79

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.
CSS font-family CSS fonts (CSS 폰트) 올바른 글꼴을 선택하는 것은 독자들이 웹사이트를 경험하는 방법에 큰 영향을 미찬다. 올바른 글꼴은 브랜드에 대한 강력한 아이덴티티를 만들 수 있다. 읽기 쉬운 글꼴을 사용하는 것은 중요하다. 글꼴은 텍스트에 값을 추가한다. 글꼴에 맞는 색과 텍스트 크기를 선택하는 것도 중요하다. 일반 글꼴 패밀리 CSS에는 5개의 일반 글꼴 계열이 있다: Serif 글꼴은 각 문자의 가장자리에 작은 획이 있다. 그들은 격식과 우아함을 만들어낸다. San-serif 글꼴은 줄이 깨끗하다(작은 획이 부착되지 않음). 그들은 현대적이고 미니멀리즘적인 모습을 연출한다. Monospace 글꼴 - 여기서 모든 문자는 동일한 고정 너비를 가진다. 그들은 기계적인 느낌을 준다. Cursive 글꼴은.. 2023. 8. 3.
CSS text-shadow 속성 CSS text-shadow 속성 text-shadow 속성은 텍스트에 그림자를 추가한다. 가장 단순하게 사용할 때는 수평 그림자(2px)와 수직 그림자(2px)만 지정한다: 텍스트 그림자 효과! h1요소에 text-shadow를 수평 2px, 수직 2px를 설정하면 아래 그림과 같이 표시된다. 이제 text-shadow에 색깔을 설정해보자. 텍스트 그림자 효과! h1 요소에 text-shadow를 수평 2px, 수직 2px 색을 red로 설정한 결과 화면이 아래 그림과 같다. 다음으로 그림자에 블러 효과를 5px 설정해보자 텍스트 그림자 효과! h1 요소에 text-shadow를 수평 2px, 수직 2px 블러효과를 5px 그리고 색을 red로 설정한 결과 화면이 아래 그림과 같다. 텍스트 그림자 효과.. 2023. 8. 2.

티스토리툴바