웹 페이지의 일반적인 글꼴
일반적으로 사용자가 보는 페이지의 스타일은 3단계로 제어됩니다.
브라우저에서 웹 페이지의 텍스트 내용을 보여줄 때, 텍스트 글꼴은 디자이너가 css에서 정의한 글꼴족의 순서에 따라 표시됩니다.글꼴족이란?글꼴족은 css 코드에서'font-family'코드를 볼 수 있는 글꼴 이름입니다. 예를 들어 다음 줄 코드와 같습니다.
font-family:"Comic Sans MS"," "," ",sans-serif;
W3C 표준에 따르면 브라우저는 코드를 해석할 때 먼저 시스템에서 Comic Sans MS 글꼴을 찾습니다. 시스템에 이 글꼴이 존재하면 브라우저는 Comic Sans MS 글꼴을 사용하고 없으면 이어서 어린 원 글꼴을 찾습니다. 그러면 브라우저가 시스템에 존재하는 글꼴을 표현할 때까지 유추합니다.
Sans-serif'는 어떤 글꼴의 이름이 아니라 앞에서 서술한 글꼴이 모두 무효일 때 최종적으로 선택한 글꼴입니다. 브라우저 유니버설 글꼴이라고 합니다. 이것은 브라우저에서 기본적으로 사용하는 유니버설 글꼴이 무엇인지에 달려 있습니다.'Arial'일 수도 있고'Helvetica'일 수도 있습니다.
2. 웹 페이지에서 자주 사용하는 글꼴
1, Arial
마이크로소프트의 웹 페이지 핵심 글꼴 중 하나로 가장 자주 사용하는 Sans serif 글꼴로, 글자 번호가 어렸을 때 읽기가 쉽지 않다.그러나 대문자 'I' 와 소문자 'l' 은 구별할 수 없으니, Tahoma 글씨체로 대체하는 것을 고려할 수 있다.
애플 시스템에는 이런 글씨체가 없지만 Arial에 대응하는 글씨체가 있는데 Helvetica라고 한다. 이것은 MAC기에서 Arial 글씨체와 가장 비슷한 WEB 글씨체로 다른 비안선 글씨체이다.그것은 성능이 우수한 인쇄 글씨체이지만, 화면에서는 잘 표현되지 않는다
CSS 쓰기: font-family: Arial,Helvetica,sans-serif;
2, Verdana
마이크로소프트의 웹 페이지 핵심 글꼴 중 하나로 마이크로소프트가 전문적으로 화면 디스플레이를 위해 개발한 것이다.응용이 광범위하다.읽기 쉽다.모니터에서 가장 선명한 글씨체로 크기가 작아도 쉽게 읽을 수 있다.반살찐 고양이는 10PX의 버다나를 영문 본문 글씨체로 쓰는 것을 좋아하기 때문에 추천하지만 사이즈는 10~14화소 사이가 좋으며 이 범위를 넘어서면 보기 싫다.
CSS 쓰기: font-family: Verdana,Geneva,sans-serif;
3, Georgia
마이크로소프트의 웹 페이지 핵심 글꼴 중 하나로 가용성이 좋다.Times New Roman보다 가독성이 뛰어납니다.사이트 디자인에서 조회 효과가 가장 좋은 Serif 글씨체입니다. 인터넷 읽기 전용으로 디자인되었기 때문입니다.)
CSS 쓰기: font-family: Georgia, serif;
4, Times New Roman
마이크로소프트의 웹 핵심 글꼴 중 하나로 아마도 가장 자주 사용하는 Serif 글꼴일 것이다. 웹 브라우저의 기본 글꼴로 12pt 이상의 글꼴은 읽기 쉽지만 작은 글꼴은 읽기 쉽다.(애플 시스템에는 이 글꼴이 없고 Times New Roman에 대응하는 글꼴이 있는데 Times라고 한다)
CSS 쓰기: font-family:'Times New Roman', Times, serif;
5, Trebuchet MS
마이크로소프트의 웹 페이지의 핵심 글씨체 중 하나로 Arial과 비슷하다. 반살찐 고양이는 Trebuchet MS가 Arial보다 우아하고 고전적으로 보인다고 생각한다.제목으로 쓸 수 있지만 작은 글자는 읽기가 어려울 것이다(13PIX 이하로 읽으면 피곤해서 본문 글씨체로 쓰는 것을 추천하지 않는다).애플 시스템에서도 Helvetica로 대체할 수 있다.
CSS 쓰기: font-family:'Trebuchet MS', Helvetica,sans-serif;
6 , Courier New
마이크로소프트의 웹 페이지 핵심 글씨체 중 하나인 구식 프린터 글씨체는 독특한 기계적인 정교한 느낌을 가지고 있다.컴퓨터 인코딩을 보여줄 때 이런 글씨체도 쓰인다.12pt의 Courier New 글씨체는 미국 국무부의 공문 표준 글씨체였으나 2004년 1월 사용을 중지하고 14pt의 Times New Roman으로 바꾸었다. 왜냐하면 '현대성' 과 '읽기 쉽기' 를 갖추고 있기 때문이다.
CSS 쓰기: font-family:'Courier New', Courier,monospace;
7, Impact
마이크로소프트의 웹 페이지 핵심 글씨체 중 하나인 임팩트는 1965년에 발표된 안감 없는 글씨체로 매우 굵은 필획과 긴축된 간격이다.반살찐 고양이는 글씨체가 비교적 거칠고 제목에 적합하며 내문에 자주 쓰이지 않는다고 생각한다.
CSS 쓰기: font-family: Impact,Charcoal,sans-serif;
참고 자료: 웹 페이지의 글꼴은 무엇입니까http://www.studyofnet.com/news/329.html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
장치 너비가 특정 너비보다 크고 특정 너비보다 작을 때 웹 페이지 CSS 스타일을 변경하는 방법은 무엇입니까?장치 너비가 특정 너비보다 크고 특정 너비보다 작을 때 웹 페이지 CSS 스타일을 변경하려면 @media의 미디어 쿼리 구문을 사용한 다음 구문을 작성하여 스타일의 최소 너비를 정의해야 합니다. 적용된 후 and라는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.