간단한 스타일 옵션을 사용하면 CSS (Cascading Style Sheets)를 사용하여 웹 페이지의 글꼴 (또는 유형)을 변경할 수 있습니다. 개별 단어, 특정 문장, 헤드 라인, 전체 단락 및 전체 텍스트 페이지의 글꼴을 설정할 수 있습니다.
CSS로 글꼴을 변경하는 방법
HTML 편집기 및 텍스트 편집기를 사용하여 HTML 및 CSS 변경 사항을 아래에서 설명하도록 할 수 있습니다. 페이지에서 텍스트를 복사하여 편집기에 붙여 넣으면 변경 사항을 적용하거나 편집기에서 전체 웹 페이지를 열고 직접 편집 할 수 있습니다.
-
글꼴을 변경할 텍스트를 찾습니다. 우리는이를 예제로 사용합니다 :
이 텍스트는 Arial에 있습니다.
-
SPAN 요소로 텍스트를 둘러 쌉니다.
이 텍스트는 Arial에 있습니다.
-
속성 추가 style = "" span 태그에
이 텍스트는 Arial에 있습니다.
-
스타일 속성 내에서 글꼴 모음 스타일.
이 텍스트는 Arial에 있습니다.
-
변경 사항을 저장하여 효과를 확인하십시오.
CSS를 사용하여 글꼴을 변경하기위한 팁
-
가장 좋은 방법은 폰트 스택 (폰트 목록)에 적어도 두 개의 폰트를 항상 두어 브라우저에 첫 번째 폰트가 없으면 두 번째 폰트를 대신 사용할 수 있도록하는 것입니다.
다음과 같이 여러 글꼴 선택 사항을 쉼표로 구분하십시오.
font-family : Arial, Geneva, Helvetica, sans-serif;
-
위에 설명 된 예제에서는 인라인 스타일을 사용하지만 가장 적합한 스타일은 외부 스타일 시트를 사용하므로 하나 이상의 요소에 영향을 줄 수 있습니다. 클래스를 사용하여 텍스트 블록에 스타일을 설정할 수 있습니다.
이 텍스트는 Arial에 있습니다.
이 예제에서 위의 HTML 스타일을 지정하는 CSS 파일은 다음과 같이 표시됩니다.
.arial {font-family : Arial; }
-
항상 CSS 스타일을 세미콜론 (;)으로 끝냅니다. 단 하나의 스타일 만있는 경우에는 필요하지 않지만 시작하는 것이 좋습니다.
