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

Latest Version

Version
1.1.0
Update
January 1, 2019
Size
13.66MiB
Developer
black7375.tumblr.com
Category
Users
1,000+
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
한국어
See more
Permissions
Storage

See more

Readable Font Extension

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

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

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

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

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

향상된 대상 글꼴: 굴림/굴림체, 돋움/돋움체, 바탕/바탕체, 애플고딕, 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에서 테스트 했습니다.
Read more

Source 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"}}
Read more

How to download and manually install Readable Font extension for Chrome

Looking for a way to install Readable Font extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Readable Font extensions manually, this article outlines two simple methods to effortlessly install Readable Font extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Readable Font extension and manually install through Drag &Drop

If you ever need to manually install a Readable Font extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Readable Font Extension by clicking the "Download CRX" button on the website.

Look for the Readable Font extension you wish to install. Go to the website and download the Readable Font extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Readable Font extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Readable Font extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Readable Font extension for Chrome and install in Developer Mode

This is another method to install Readable Font extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Readable Font extension file

Select and download the Readable Font extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Readable Font extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Readable Font extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Readable Font extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Readable Font extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Font Rendering Enhancer Extension · Productivity 1,000+ 371 ★ 573KiB

icon

Auth Autofill Extension · Productivity 1,000+ 8 ★ 43.64KiB

icon

클리앙 UI 확장 (Clien Script) Extension · Social & Communication 1,000+ 52 ★ 301KiB

icon

Font Changer Extension · Accessibility 1,000+ 79 ★ 524KiB

icon

Fonts Changer Extension · Accessibility 1,000+ 79 ★ 50.75KiB

icon

Cool Tooltip Dictionary 14 Extension · Productivity 1,000+ 247 ★ 141KiB

icon

Force Custom Fonts Extension · Accessibility 1,000+ 338 ★ 14.42KiB

icon

Font Replacer Extension · Productivity 1,000+ 12 ★ 143KiB

icon

네이버 카페 패스 Extension · Social & Communication 1,000+ 36 ★ 28.65KiB

icon

Advanced Font Settings Extension · Accessibility 1,000+ 1330 ★ 39.75KiB

icon

네이버 카페 필터링 Extension · Social & Communication 1,000+ 124 ★ 826KiB

icon

네이버 영어사전 (Naver English Dictionary) Extension · Productivity 1,000+ 730 ★ 693KiB

icon

DragFree (Mouse Drag & Right Click Release) Extension · Productivity 1,000+ 160 ★ 87.1KiB

icon

Steemit.com Enhancer Extension · Social & Communication 1,000+ 4 ★ 315KiB

icon

change all UI fonts Extension · Productivity 1,000+ 64 ★ 78.19KiB

icon

Naver Cafe Free Pass Extension · Social & Communication 1,000+ 56 ★ 20.28KiB

icon

클리앙, 다모앙 후방정리 Extension · Social & Communication 1,000+ 7 ★ 96.42KiB

icon

PotPlayer YouTube Shortcut, Open Links Extension · Accessibility 1,000+ 274 ★ 183KiB

icon

클린디씨 Extension · Social & Communication 1,000+ 290 ★ 4.99MiB

icon

Mouse Tooltip Translator - PDF & Youtube dual subs Extension · Productivity 1,000+ 1032 ★ 10.6MiB

icon

Extension Switch Extension · Productivity 1,000+ 78 ★ 61.98KiB

icon

VeilDuck Extension · Accessibility 1,000+ 685 ★ 72.71KiB

icon

Ultimate Enable Right Click ─ Allow Copy Extension · Productivity 1,000+ 574 ★ 436KiB

icon

Mouse Gesture Events Extension · Accessibility 1,000+ 257 ★ 29.87KiB

User reviews

icon

PS K (ID: 000000dd7a0ffbde) Voted 5 ★ - Updated 02/21/2019 굴림체 쓰는 구닥다리 사이트들 폰트 자동으로 변경돼서 좋아요. 페이지 로딩된 뒤에 폰트 바뀔때까지 약간의 딜레이는 있습니다. 다만 on-off 버튼UI를 Off일때는 회색조, On일때는 초록색으로 하는게 좋겠네요. 파랑-빨간색은 직관적이지 않아서 처음에 옵션이 다 켜졌는데도 차이가 없는줄 알았어요 +추가. 일부 사이트(ex: 뽐뿌)에서는 게시글 본문에만 폰트변경 기능이 적용되고 댓글에는 적용이 안되네요