-
티스토리 Fira Code 폰트 적용하기컴퓨터/HTML & JS & TS 2020. 5. 11. 23:02728x90반응형
https://github.com/tonsky/FiraCode
tonsky/FiraCode
Free monospaced font with programming ligatures. Contribute to tonsky/FiraCode development by creating an account on GitHub.
github.com
<head> ... <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/tonsky/FiraCode@5/distr/fira_code.css"> <style> code.hljs { font-family: 'Fira Code', monospace; @supports (font-variation-settings: normal) { font-family: 'Fira Code VF', monospace; } font-feature-settings: "calt" 1; text-rendering: optimizeLegibility; } </style> ... </head><head>와 </head> 사이에 Fira Code를 적용시킨다.
style 부분에 code.hljs는 테마마다 다를 수 있으니 클래스를 잘 찾아서 입력한다. (F12를 눌러 개발자 도구 열기)
코드 부분에 마우스를 대면 클래스가 나온다. func main() { ch := make(chan int) ch <- 1.0e10 // magic number x, ok := <- ch ok = true defer fmt.Println(`exiting now`) go println(len("hello world!")) return }See the Pen Fira Code example by 최석원 (@alfex4936) on CodePen.
728x90'컴퓨터 > HTML & JS & TS' 카테고리의 다른 글
티스토리 highlight JS 코드 복사 플러그인 (0) 2020.07.23 Electron 시작 설정 및 패키징 튜토리얼 (0) 2018.05.25 Javscript Array 복사(copy) (0) 2018.05.23