Readable Font

가독성 좋은 글씨를 보여줍니다.

Readable Fontとは何ですか?

Readable Fontはhttps://black7375.tumblr.comによって開発されたChromeの拡張機能で、その主な機能は「가독성 좋은 글씨를 보여줍니다.」です。

拡張機能のスクリーンショット

screenshot
screenshot
screenshot
screenshot

Readable Font拡張機能のCRXファイルをダウンロード

Readable Font拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        우리는 웹서핑을 하면서 각종 컨텐츠를 소비하고 있습니다.
요즘 이미지와 영상 비중이 늘고 있다고 하나, 글자는 여전히 각종 메뉴 및 설명에 쓰이는 필수 불가결적인 요소이자 효과적인 정보전달 수단입니다.

웹 상에서 보이는 글씨를 어떻게 하면 가독성이 좋고, 아름답게 표현할까 고민하며 만들었습니다.

기능소개.
- 쉬운 사용법.
복잡한 설정 없이 옵션을 키고 끄는 것만으로 사용할 수 있습니다.

- 선명하게.
흐릿하게 보이는 글씨들을 선명하게 보여줍니다.
저해상도 모니터들을 위한 옵션도 보유!!

- 글꼴치환.
못생긴 글꼴은 비슷하지만 더 나은 글꼴로 대체합니다.
화면에 표시 될 글꼴이 없으면 유사한 글꼴로 보여줍니다.
사이트가 글꼴을 제공하지 않으면 내장된 글꼴로 표현합니다.

향상된 대상 글꼴: 굴림/굴림체, 돋움/돋움체, 바탕/바탕체, 애플고딕, Arial
유사한 대상 글꼴: 궁서/궁서체, Helvetica, Helvetica Neue, Times New Roman, Museo Sans, Gibson, Velino Text

글꼴 치환표.
https://black7375.tumblr.com/post/181038470815

- 글꼴내장.
유명하거나 쓸모있는 글꼴들을 내장하여 컴퓨터에 설치되지 않았더라도, 빠르게 로딩하도록 하였습니다.(글꼴치환 시 자동 적용)

내장된 글꼴 목록(9개의 폰트 패밀리, 총 44개의 폰트): Noto Sans, Noto Serif, Lora, Gothic A1, KoPub Batang, STIX Two, Nanum Gothic, Nanum Gothic Coding, D2 Coding

내장 글꼴 테스트페이지.
https://black7375.tumblr.com/post/180967349590/
폰트치환 기능을 켰다 껐다하면서 테스트 해봅시다.

- 수식표현.
MathML에 STIX TWO 폰트를 적용시킵니다.
MathML 문서가 있을시 Mathjax를 로드하여 보여주는 옵션.

MathML 테스트.
https://fred-wang.github.io/MathFonts/
http://gorupec.awardspace.com/mathml.xhtml

- 가벼운 용량.
확장기능을 다운받는 시간과 프로그램의 용량을 줄이면서 최대한 많은 기능을 제공합니다.

내장된 글꼴은 노민지, 윤민구. KS 코드 완성형 한글의 추가 글자 제안에 따라 KS 코드의 완성형 한글 2,350자+224자=2574자로 최소한의 용량으로 효과적인 한글표현을 위해 노력하였습니다.

기타 프로그램 소스 또한 압축을 통해 크기를 최대한 줄였습니다.

TODO List.
영어 로케일 지원.
본문영역의 글씨크기 조정기능.
본문글씨의 유동적인 크기 및 간격 조정기능.
autolink.js를 사용하여 일반 글씨인 링크, 이메일 주소등을 링크로 만들어주기.
multilingual.js를 이용한 한글과 알파벳의 자연스러운 조화.
Font Face Observer를 이용하여 폰트 치환시 레이아웃 변경 억제.
Futura->Jost*, Proxima Nova->Roboto처럼 유명한 유료 글꼴을 대체할 수 있는 글꼴을 파악하여 내장.(이때 내장된 글꼴 목록이 바뀔 수도 있습니다.)
향상된 글꼴 설정 페이지.
글꼴치환 3단계로 개편[유사한 글꼴-향상된 글꼴-일관된 글꼴]

자세한 기능 제안 및 건의사항.
제 블로그(https://black7375.tumblr.com/)에서 Ask me anything about Blog Post메뉴를 누른뒤 질문하면 됩니다. 이미지가 필요할 시 imugur(https://imgur.com/upload) 사용.

* Windows10, macOS High Sierra, Kubuntu 18.10에서 테스트 했습니다.                    

拡張機能の基本情報

名前 Readable Font Readable Font
ID ckgoimpkejadjkjfpemacjpeimdgmdpk
公式URL https://chromewebstore.google.com/detail/readable-font/ckgoimpkejadjkjfpemacjpeimdgmdpk
説明 가독성 좋은 글씨를 보여줍니다.
ファイルサイズ 13.66 MB
インストール数 1,733
現在のバージョン 1.1.0
最終更新日 2019-01-02
公開日 2018-12-29
評価 5.00/5 合計 4 レビュー
開発者 https://black7375.tumblr.com
Eメール [email protected]
支払い方法 free
対応言語 ko
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Readable Font",
    "version": "1.1.0",
    "manifest_version": 2,
    "description": "\uac00\ub3c5\uc131 \uc88b\uc740 \uae00\uc528\ub97c \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.",
    "icons": {
        "16": "[email protected]",
        "32": "[email protected]",
        "128": "[email protected]"
    },
    "browser_action": {
        "default_title": "Readable Font",
        "default_popup": "popup\/popup.html",
        "default_icon": "[email protected]"
    },
    "content_scripts": [
        {
            "all_frames": true,
            "match_about_blank": true,
            "matches": [
                ""
            ],
            "run_at": "document_start",
            "js": [
                "contents\/content.js"
            ]
        }
    ],
    "permissions": [
        "storage",
        ""
    ],
    "web_accessible_resources": [
        "contents\/*.css",
        "contents\/*.woff2"
    ],
    "options_ui": {
        "page": "options\/options.html"
    }
}