Markdown Toolbox Logo Markdown Toolbox
블로그

마크다운에서 코드 구문 강조

2024-09-25

간단한 버전

내장된 구문 강조 기능이 있는 글꼴을 사용하려면 글꼴 문서의 설정 지침을 따르십시오.

<link rel="stylesheet" href="https://example.com/font.css">

상세 버전

소개

특정 글꼴은 코드 블록의 모양을 향상시키는 내장 구문 강조 기능과 함께 제공됩니다.

사용 단계

  1. 글꼴 선택: Glyph Drawing에서 사용할 수 있는 것과 같은 구문 강조 기능을 지원하는 글꼴을 선택하세요.

  2. 문서에 글꼴 포함하기: HTML 문서의 시작 부분에 글꼴 스타일시트를 포함하기 위한 적절한 링크를 추가하세요.

<link rel="stylesheet" href="https://example.com/font.css" />
  1. 글꼴 적용: 필요에 따라 Markdown의 코드 요소에 글꼴을 적용하기 위해 CSS를 사용하세요.

예시 CSS 사용법

code,
pre {
    font-family: 'Your Font Name';
}

이렇게 하면 사용자 지정 글꼴을 활용하여 Markdown 내 코드 스니펫의 모양을 향상시킬 수 있으며, 제공하는 내장 구문 강조 기능을 활용합니다.