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

조회 734

댓글 0

    함께 읽은 게시물

    공식적으로 뭐하는 회사인지는 모르지만 일단 100억달러 기업가치

    ... 더 보기

    무라티의 싱킹 머신즈, 20억달러 투자 유치..."실리콘 밸리 사상 최대 시드 투자"

    AI타임스

    무라티의 싱킹 머신즈, 20억달러 투자 유치..."실리콘 밸리 사상 최대 시드 투자"

    조회 366


    Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자로" 강의를

    ... 더 보기

    Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로

    www.productengineer.info

    Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로

     • 

    저장 8 • 조회 734


    혹시 Cursor 채팅만 사용하시나요? Agent 쓰는 방법!

    Cursor와 함께라면, 더이상 에디터는 단순한 입력 도구가 아닌

    ... 더 보기

    예제로 뿌수는 코틀린 Kotlin 프로그래밍 76제

    안드로이드 네이티브 앱 개발의 표준 언어이자, 최근 백엔드 개발에도 공격적으로 활용되고 있는 코틀린 프로그래밍 언어를 다양한 예제를 통해 배울 수 있는 온라인 학습 사이트를 공개합니다. 코틀린 공식 홈페이지에 있는 Kotlin By Example이라는 자료는 편역해서 구성했어요. 저는 NHN에 근무할 때 코틀린을 백엔드 API서버 개발에 활용한 경험이 있는데, 자바로 개발할 때보다 훨씬 편하고 즐거웠던 게 기억에 남았습니다. 코틀린을 배우시려거나, 이미 쓰고 있는데 궁금한 점이 많으셨던 분들에게 유용한... 더 보기

    예제로 격파하는 코틀린

    Hatemogi

    예제로 격파하는 코틀린

     • 

    저장 42 • 조회 2,401


    코루틴 Q&A

    코루틴에 대해 알아보아요 Q. 코루틴에 대해 쉽게 설명해주세요. A. 코루틴은 실행을 일시 중지하고 상태를 잃지 않고 호출자에게 다시 제어권을 양보할 수 있는 함수입니다. 이렇게 하면 기능이 나중에 재개되어 중단된 위치에서 다시 시작할 수 있습니다. 코루틴은 단일 스레드에서 여러 작업을 동시에 수행할 수 있도록 프로그래밍에 자주 사용됩니다. Q. 스레드와 비교해서 설명해주세요. A. 스레드는 다른 스레드와 동시에 실행할 수 있는 별도의 실행 경로입니다. 프로그램이 새 스레드를 생성할 때 일반적으로 별도의 스택 및 레지스터 세트가 제공되며 운영 체제는 스레드가 하나 이상의 CPU 코어에서 실행되도록 예약합니다. 이를 통해 여러 스레드가 동시에 실행될 수 있으므로 한 번에 둘 이상의 작업을 수행할 수 있으므로 프로그램의 성능이 향상될 수 있습니다. 대조적으로, 코루틴은 실행을 일시 중지하고 상태를 잃지 않고 호출자에게 제어권을 다시 양보할 수 있는 함수입니다. 이렇게 하면 기능이 나중에 재개되어 중단된 위치에서 다시 시작할 수 있습니다. 스레드와 달리 코루틴은 일반적으로 단일 스레드에서 실행되며 동일한 스택 및 ... 더 보기

     • 

    저장 14 • 조회 1,291


    🤖 최초의 AI 브라우저, Dia 직접 써봤습니다! 🌐

    ... 더 보기