그림에 사용 된 인코딩 된 글꼴은 무엇입니까? 이 글꼴 스타일을 프로젝트에 적용하는 방법은 무엇입니까?

코드의 미학 개선을위한 글꼴 선택 안내서

소프트웨어 개발 및 웹 디자인 분야에서 올바른 글꼴은 코드의 가독성과 시각적 매력을 크게 향상시킬 수 있습니다. 이 기사는 우아한 코드 스타일을 보여주는 그림을 분석 하고이 글꼴 효과를 복사하는 방법을 설명합니다.

사용자 질문

사용자는 코드의 스크린 샷을 공유하고 사용중인 글꼴에 대해 물었습니다. 그림의 코드는 간결하고 명확하며 글꼴 선택은 인상적입니다.

글꼴 및 스타일 분석

식별 후 그림에 사용 된 글꼴 및 CSS 스타일은 다음과 같습니다.

 Font-Family : "DM", Source-Code-Pro, Menlo, Monaco, Consolas, "Courier New", Monospace;
글꼴 스타일 : 이탈리아;

이 코드는 글꼴의 우선 순위와 스타일을 정의합니다. 브라우저는 "DM"글꼴을 사용하는 데 우선 순위를 부여합니다. 시스템에 "DM"이 설치되지 않은 경우 소스 코드 프로, Menlo, Monaco, Consolas 및 "Courier New"를 사용해보십시오. 마지막으로, 위의 글꼴 중 어느 것도 사용할 수 없으면 기본 모노 스페이스 글꼴을 사용하십시오. font-style: italic; 코드를 더 독특하게 만들기 위해 코드 이탈리아 스타일을 제공합니다.

응용 프로그램 방법

실제 프로젝트에서는 위의 코드를 CSS 파일 또는 인라인 스타일로 추가하여 동일한 효과를 달성 할 수 있습니다. 예를 들어,이 글꼴 스타일을 적용합니다<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"></pre><div class="contentsignin">로그인 후 복사</div></div> 태그의 코드 :

<pre style="font-family: 'dm', source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; font-style: italic;">
    // 코드

또는 CSS 파일에 다음 규칙을 추가하십시오.

 사전 {
  Font-Family : "DM", Source-Code-Pro, Menlo, Monaco, Consolas, "Courier New", Monospace;
  글꼴 스타일 : 이탈리아;
}

"DM"글꼴을 별도로 다운로드하여 설치해야 할 수도 있습니다. 다른 글꼴은 일반적인 시스템 글꼴이며 대부분의 시스템은 사전 설치됩니다. 위의 방법을 사용하면 프로젝트 에이 우아한 코드 글꼴 스타일을 쉽게 적용 할 수 있습니다.

위 내용은 그림에 사용 된 인코딩 된 글꼴은 무엇입니까? 이 글꼴 스타일을 프로젝트에 적용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!