> 웹 프론트엔드 > CSS 튜토리얼 > CSS는 브라우저 탐색 페이지의 글꼴 변형을 방지하기 위해 웹 페이지의 글꼴을 설정합니다_경험 교환

CSS는 브라우저 탐색 페이지의 글꼴 변형을 방지하기 위해 웹 페이지의 글꼴을 설정합니다_경험 교환

WBOY
풀어 주다: 2016-05-16 12:08:21
원래의
2038명이 탐색했습니다.

내 컴퓨터에 무슨 문제가 있는지 알 수가 없어요. 컴퓨터로 가보지 않으면 불편할 것 같아요.



SOHU에서는 웹용 글꼴을 설정하지 않은 것 같아요. 페이지에서 CSS 코드를 잠깐 살펴보았는데(자세히 살펴보지는 않았습니다), NetEase에는 .font-family: "宋体", arial; 문제는 많은 사람들이 CSS를 사용할 때 글꼴을 설정하는 것을 좋아하지 않는다는 실수를 한다는 것을 발견했습니다. 너무 멍청해서 어떻게 다시 바꾸는지 모르겠어요. 그러면 웹페이지의 글꼴이 이렇게 될 것 같아요. 지구는 저 같은 사람이 많을 거에요. 웹 페이지의 글꼴을 설정합니다.
어떤 사람들은 다음과 같이 질문할 수 있습니다.

1. CSS에서 글꼴을 설정하는 방법은 무엇입니까?

A: CSS 파일에 이 줄을 추가하세요.


코드 복사

코드는 다음과 같습니다:body{font-family:Verdana, "宋体", Arial, Sans;}

2. "宋体" 앞에 "Verdana"를 붙이는 이유는 무엇인가요?
답변: 두 가지 예를 들어보면 알게 될 것입니다!
A. 이 예에서는 글꼴 패밀리:Verdana, "宋体", Arial, Sans를 설정했습니다.


코드 복사
코드는 A입니다. 이 예에서는 Font-family:Verdana, "宋体", Arial,Sans;를 설정했습니다.
영어 글꼴이 어떻게 보일지 보셨나요?
예제 웹사이트: Keqiji
이렇게 쓰는 목적은 영어 폰트를 좀 더 보기 좋게 만들고, 영문 폰트 VERDANA로 표시하기 위함입니다. 중국 송나라에서 표시하는 대신.

B. 이 예에서는 글꼴 계열을 "宋体",Verdana, Arial,Sans로 설정했습니다.




코드 복사
코드는 다음과 같습니다.