Excalidraw에서 한글 손글씨를 보는 흑마술

Excalidraw(https://excalidraw.com/)를 너무 좋아하는데, 문서를 작성할 때 한글에는 손글씨 폰트가 적용되지 않아 한글을 쓰면 뭔가 이질감이 느껴졌습니다.

요즘 일이 없어 심심해서 크롬 익스텐션으로 한 번 만들어 봤습니다.


  • 티라미수 케익을 클릭하시면 케익이 컬러로 바뀌고 폰트가 적용됩니다. 다시 클릭하면 해제됩니다.

  • 개인적으로 Excalidraw의 기본 Virgil 폰트를 너무 좋아해서 unicode-range를 적용해서 한글 폰트가 적용 되더라도 영문과 문장부호는 Virgil폰트로 적용되도록 했습니다.

  • 일본어 폰트도 함께 적용했습니다. 일본어 폰트는 글씨 크기가 좀 얇은데, 괜찮은 open font license가 적용된 폰트를 추천해 주시면 다음 버전에 적용해 보겠습니다.

  • 폰트를 익스텐션에 포함시켜서 웹 사이트 요청에 부하가 가지 않고 로컬에 설치된 폰트처럼 사용됩니다.

  • 가끔 바로 적용되지 않더라도 케익이 컬러로 됐을 땐 텍스트를 선택하시면 적용되어 있는 것을 보실 수 있습니다.


  • 코드가 몇 줄 되지는 않지만 소스를 GitHub에도 올려 두었습니다. 혹시 필요하신 분은 보세요.

  • 몇 줄 안되는 코드지만 누군가에게 미소를 줄 수 있다면 좋겠습니다.


  • 익스텐션 다운로드

    https://chrome.google.com/webstore/detail/tiramisu/ifngahehamopcplopdkbfjmleldkhnof?hl=en&authuser=0


  • 깃헙 저장소

    https://github.com/kuskhan/tiramisu

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2023년 11월 15일 오전 9:33

조회 730

댓글 0

    함께 읽은 게시물

    PM이 이해하면 좋은 지표 개념

    프로덕트 매니저(PM)로 일하면서 늘 지표 이야기를 듣게 됩니다. 대부분 PM은 선행지표(leading indicator)와 후행지표(lagging indicator)의 개념을 잘 이해하고 있습니다. 하지만 선행지표에 영향을 미치는 '인풋(input) 지표, '아웃풋(o

    ... 더 보기

     • 

    댓글 1 • 저장 38 • 조회 1,513


    소프트웨어 개발 방법론의 역사

    조회 797



    Longest Common Subsequence 자바스크립트 풀이

    ... 더 보기

    Longest Common Subsequence | 알고달레

    알고달레

    Longest Common Subsequence | 알고달레

    이게 실제로 광고 돌려보는 사람들은 알겠지만 과거 퍼포먼스 마케팅 셋팅이라는게 전문 담당이 몇명씩 붙을 정도로 상당히 복잡한 작업이었음. 최근에 메타 광고 돌려보면 상당부분 자동화 되어있고 광고주가 점점 할게 없는 수준.

    ... 더 보기

    메타의 AI 기반 광고 플랫폼, 광고산업의 종말을 가져올까[테크트렌드]

    magazine.hankyung.com

    메타의 AI 기반 광고 플랫폼, 광고산업의 종말을 가져올까[테크트렌드]

    Next.js 프로젝트를 AWS EKS에 배포하며 배운 것들

    ... 더 보기

    쿠버네티스를 활용한 클라우드 네이티브 데브옵스 | 존 어런들 - 교보문고

    product.kyobobook.co.kr

    쿠버네티스를 활용한 클라우드 네이티브 데브옵스 | 존 어런들 - 교보문고

     • 

    저장 22 • 조회 2,075