css 글꼴4 CSS 어울리는 글꼴 조합 훌륭한 글꼴 쌍은 훌륭한 디자인에 필수적이다. 글꼴 쌍 규칙 다음은 훌륭한 글꼴 쌍을 만드는 몇 가지 기본 규칙이다: 1. 보완(complement) 서로 보완하는 글꼴 쌍을 찾는 것은 항상 안전하다. 훌륭한 글꼴 조합은 너무 비슷하거나 너무 다르지 않게 조화를 이루어야 한다. 2. 수퍼 패밀리 글꼴 사용 글꼴 수퍼 패밀리는 서로 잘 작동하도록 설계된 글꼴 집합이다. 따라서 동일한 수퍼 패밀리 내에서 서로 다른 글꼴을 사용하는 것이 안전하다. 예를 들어 Lucida 수퍼 패밀리에는 다음 글꼴이 포함되어 있습니다: 루시다 산스, 루시다 세리프, 루시다 타자기 산스, 루시다 타자기 세리프, 루시다 매스. 3. 대비가 왕 너무 비슷한 두 글꼴은 종종 충돌한다. 그러나 올바른 방식으로 수행된 대비는 각 글꼴에서.. 2023. 8. 9. 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 font-family CSS fonts (CSS 폰트) 올바른 글꼴을 선택하는 것은 독자들이 웹사이트를 경험하는 방법에 큰 영향을 미찬다. 올바른 글꼴은 브랜드에 대한 강력한 아이덴티티를 만들 수 있다. 읽기 쉬운 글꼴을 사용하는 것은 중요하다. 글꼴은 텍스트에 값을 추가한다. 글꼴에 맞는 색과 텍스트 크기를 선택하는 것도 중요하다. 일반 글꼴 패밀리 CSS에는 5개의 일반 글꼴 계열이 있다: Serif 글꼴은 각 문자의 가장자리에 작은 획이 있다. 그들은 격식과 우아함을 만들어낸다. San-serif 글꼴은 줄이 깨끗하다(작은 획이 부착되지 않음). 그들은 현대적이고 미니멀리즘적인 모습을 연출한다. Monospace 글꼴 - 여기서 모든 문자는 동일한 고정 너비를 가진다. 그들은 기계적인 느낌을 준다. Cursive 글꼴은.. 2023. 8. 3. 이전 1 다음
