CSS에서 글꼴을 Microsoft Yahei로 설정하는 방법
CSS에서는 "font-family:"Microsoft YaHei";" 또는 "font-family:"Microsoft YaHei";"만 추가하면 됩니다. 스타일을 요소에 적용합니다. 요소 글꼴은 Microsoft Yahei로 설정할 수 있습니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
CSS에서는 글꼴 계열 속성을 사용하여 글꼴을 Microsoft Yahei로 설정할 수 있습니다. 구문:
font-family:"微软雅黑";
하지만 한 가지 주의할 점은 일반적으로 중국어 글꼴을 사용할 때 글꼴 이름을 사용하는 대신 영어 이름을 사용한다는 것입니다. 직접 중국어. 따라서 다음과 같이 설정할 수도 있습니다:
font-family:"Microsoft YaHei";
예:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> p{ font-family:"Microsoft YaHei",微软雅黑; } </style> </head> <body> <p>这是微软雅黑字体</p> </body> </html>
Rendering:
권장 튜토리얼: CSS 비디오 튜토리얼
css 글꼴 패밀리 속성 설명:
font-family 지정 요소 시리즈의 글꼴입니다.
font-family는 여러 글꼴 이름을 "대체" 시스템으로 저장할 수 있습니다. 브라우저가 첫 번째 글꼴을 지원하지 않으면 다음 글꼴을 시도합니다. 즉, 글꼴 패밀리 속성의 값은 요소에 사용할 글꼴 패밀리 이름 및/또는 클래스 패밀리 이름의 우선 순위 목록입니다. 브라우저는 인식한 첫 번째 값을 사용합니다.
글꼴 패밀리 이름에는 두 가지 유형이 있습니다.
지정된 패밀리 이름: "times", "courier", "arial"과 같은 특정 글꼴의 이름입니다.
일반적인 글꼴 모음 이름: 예: "serif", "sans-serif", "cursive", "fantasy", "monospace"
팁: 각 값을 쉼표로 구분하고 항상 클래스를 제공하세요. 최후의 수단으로 성을 사용합니다.
참고: 특정 글꼴 모음(Geneva)을 사용하는 것은 전적으로 해당 글꼴 모음을 사용자 컴퓨터에서 사용할 수 있는지 여부에 따라 달라집니다. 이 속성은 글꼴 다운로드를 나타내지 않습니다. 따라서 일반적인 글꼴 계열 이름을 대체 수단으로 사용하는 것이 좋습니다.
더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !
위 내용은 CSS에서 글꼴을 Microsoft Yahei로 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undress AI Tool
무료로 이미지를 벗다

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

배경 필터는 요소 뒤의 내용에 시각적 효과를 적용하는 데 사용됩니다. 1. 배경 필터 : Blur (10px) 및 기타 구문을 사용하여 프로스트 유리 효과를 달성합니다. 2. 흐림, 밝기, 대비 등과 같은 여러 필터 기능을 지원하며 중첩 될 수 있습니다. 3. 유리 카드 디자인에 종종 사용되며 요소가 배경과 겹치도록해야합니다. 4. 현대식 브라우저는 지원이 좋으며 @Supports는 다운 그레이드 솔루션을 제공하는 데 사용될 수 있습니다. 5. 성능을 최적화하기 위해 과도한 흐림 값과 빈번한 다시 그리기를 피하십시오. 이 속성은 요소 뒤에 내용이있는 경우에만 적용됩니다.

링크의 스타일은 의사 클래스를 통해 다른 상태를 구별해야합니다. 1. A 사용 : 링크 Unreached 링크 스타일을 설정하는 링크, 2. A : 액세스 된 링크를 설정하려면 방문, 3. 호버 호버 효과를 설정하려면 호버, 4 : 클릭 시간 스타일을 설정하려면 활성화. 패딩, 커서 : 포인터 및 포커스 개요를 유지하거나 사용자 정의하여 유용성과 접근성을 향상시킬 수 있습니다. 또한 Border-Bottom 또는 애니메이션 밑줄을 사용하여 모든 주에서 링크가 우수한 사용자 경험과 접근성을 갖도록 할 수 있습니다.

사용자 에이전트 스타일 시트는 브라우저가 자동으로 적용되는 기본 CSS 스타일입니다. 사용자 정의 스타일을 추가하지 않은 HTML 요소가 여전히 기본적으로 읽을 수 있습니다. 페이지의 초기 모양에 영향을 미치지 만 브라우저간에 차이가있어 일관성이없는 디스플레이가 발생할 수 있습니다. 개발자는 종종 스타일을 재설정하거나 표준화 하여이 문제를 해결합니다. 개발자 도구의 컴퓨팅 또는 스타일 패널을 사용하여 기본 스타일을보십시오. 일반적인 커버리지 작업에는 내부 및 외부 마진 청소, 링크 밑줄 수정, 제목 크기 조정 및 통합 버튼 스타일이 포함됩니다. 사용자 에이전트 스타일을 이해하면 크로스 브라우저 일관성을 향상시키고 정확한 레이아웃 제어를 가능하게 할 수 있습니다.

theaspect-ratiocsspropertydefinesthewidth-heightratioofanlement

Tocenteradivhorizontally, setawidthandusemargin : 0auto.2. forhorizontalandverticalcentering, useflexboxwithjustify-content : center.3. 3. usecsgridwithplace-items : 4. forolderbrowsers, useabsolutpitionationwithtop : 50%, L, L.

CSS 요소 중첩을 얻으려면 포지셔닝 및 Z- 인덱스 속성을 사용해야합니다. 1. 위치 및 z- 안수 사용 : 요소를 비 정적 위치 (예 : 절대, 상대 등)로 설정하고 z-index를 통해 스택 순서를 제어할수록 값이 클수록 값이 높아집니다. 2. 공통 위치 지정 방법 : 절대는 정확한 레이아웃에 사용되며, 상대는 비교적 오프셋 및 오버랩 인접 요소에 사용되며, 고정 또는 끈적 끈적한 것은 현탁 된 층의 고정 위치에 사용됩니다. 3. 실제 예 : 부모 컨테이너 위치를 설정하여 : 상대, 자식 요소 위치 : 절대 및 다른 Z- 인덱스, 카드 중첩 효과를 달성 할 수 있습니다.

@keyframesBounceWith0%, 100%Attranslatey (0) 및 50%Attranslatey (-20px) torecreateAbasicBounce.2.applyTheAnimationToAnElementUsingAnimation : Bounce0.6Sease-in-outinfiniteforsmooth, Continuous-Motion.3. keyframesricatistic-bouncouswithicwithwithwithwithwithwithwithwithwithwithwithwithwithwithwithwithwithwithwithictscceit

Windows 시스템 글꼴을 복원하려면 먼저 타사 도구를 사용하여 글꼴을 수정했는지 확인하십시오. 그렇다면 도구의 "복원 기본"옵션을 재설정하십시오. 도구를 사용할 수있는 도구가없는 경우 수동으로 HKEY_LOCAL_MACHINE \ 소프트웨어 \ MICROSOFT \ MICROSOFT \ WINDOING \ WINDOWSNT \ CURREDVERSION \ FONTS를 통해 SEGOEUI의 글꼴 값이 Segoeui.ttf 및 기타 파일을 올바르게 지적하고 필요한 경우 등록 소를 올바르게 지적 할 수 있습니다. 그런 다음 명령 프롬프트를 관리자로 실행하고 SFC/SCANNOW 명령을 실행하여 시스템 파일을 수리하십시오. 마지막으로 설정 → 개인화 → 테마로 이동하여 Windows를 선택하여 기본적으로 표시하십시오.
