全新的浏览体验-强制雅黑字体

Latest Version

Version
2017.3.23.91
Update
April 2, 2017
Size
24.71KiB
Developer
liuwanle.com
Category
Users
322
Rating
4.41667 ★
Manifest Version
2
Web Store Status
Languages Support
中文 (简体)
See more
Permissions
See more

Custom CSS Extension

根据 http://bbs.kafan.cn/thread-1681393-1-1.html 制作

全局雅黑后 淘宝/土豆/github/等 乱码错位的特别修正

【2017.3.23】更新兼容性
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "content_scripts": [ { "all_frames": true, "matches": ["http://*/*","https://*/*","ftp://*/*","file:///*/*"], "exclude_matches": ["*://*.amasan.co.uk/*","*://*.ctrlshift.net/*","*://*.dillinger.io/*","*://*.fiddle.md/*","*://*.gistboxapp.com/*","*://*.github.com/*","*://*.hackmd.io/*","*://*.herokuapp.com/*","*://*.imooc.com/*","*://*.joncom.be/*","*://*.jser.me/*","*://*.laverna.cc/*","*://*.markable.in/*","*://*.markdownlivepreview.com/*","*://*.maxiang.io/*","*://tool.oschina.net/*","*://*.stackedit.io/*","*://*.wri.pe/*","*://*.xiaoshujiang.com/*","*://*.zybuluo.com/*","*://wenku.baidu.com\\/view/*","*://wenku.baidu.com\\/link*","*://www.youziku.com/*","*://*.typekit.com/*","*://*.fontdeck.com/*","*://*.designgala.com/*","*://127.0.0.1/*","*://iamchucky.github.io/*","*://www.google.com\\/fonts\\/*","*://fonts.google.com\\/*","*://*.justfont.com\\/font*","*://*.ifontcloud.com/*","*://*.hanyi.com.cn\\/fontSearch.php*","*://*.hanyi.com.cn\\/productList.php*","*://*.hanyi.com.cn\\/productdetail.php*","*://www.arphic.com.cn\\/*\\/font\\/*","*://www.arphic.com.tw\\/*\\/font\\/*","*://*.foundertype.com\\/index.php\\/FindFont*","*://*.foundertype.com\\/index.php\\/FontInfo*","*://*.foundertype.com\\/index.php\\/Account*","*://www.myfonts.com\\/fonts\\/*\\/*\\/webfont_preview.html","*://*.95095.com/*","*://*.alimama.com/*","*://*.alipay.com/*","*://*.liangxinyao.com/*","*://*.tanx.com/*","*://*.taobao.com/*","*://*.tmall.com/*","*://*.tmall.hk/*"], "css": [ "custom.css" ] }, { "all_frames": true, "matches": ["*://*.95095.com/*","*://*.alimama.com/*","*://*.alipay.com/*","*://*.liangxinyao.com/*","*://*.tanx.com/*","*://*.taobao.com/*","*://*.tmall.com/*","*://*.tmall.hk/*"], "css": ["Ali.Sub.css"] } ], "converted_from_user_script": true, "description": "\u5168\u65b0\u7684\u6d4f\u89c8\u4f53\u9a8c-\u5f3a\u5236\u96c5\u9ed1\u5b57\u4f53", "manifest_version": 2, "icons": { "128": "ico.png" }, "name": "Custom CSS", "version": "2017.3.23.91"}
Read more

How to download and manually install Custom CSS extension for Chrome

Looking for a way to install Custom CSS 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 Custom CSS extensions manually, this article outlines two simple methods to effortlessly install Custom CSS extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Custom CSS extension and manually install through Drag &Drop

If you ever need to manually install a Custom CSS 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 Custom CSS Extension by clicking the "Download CRX" button on the website.

Look for the Custom CSS extension you wish to install. Go to the website and download the Custom CSS extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Custom CSS 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 Custom CSS 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 Custom CSS extension for Chrome and install in Developer Mode

This is another method to install Custom CSS 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 Custom CSS extension file

Select and download the Custom CSS 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 Custom CSS 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 Custom CSS 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 Custom CSS 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 Custom CSS extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Force Microsoft Yahei Font Extension · Accessibility 322 214 ★ 9.09KiB

icon

User CSS Extension · Developer Tools 322 264 ★ 298KiB

icon

Hello雅黑 Extension · Accessibility 322 40 ★ 23.54KiB

icon

Force Custom Fonts Extension · Accessibility 322 338 ★ 14.42KiB

icon

替换中文字体为雅黑 Extension · Accessibility 322 4 ★ 10.71KiB

icon

SimpleUndoClose Extension · Productivity 322 441 ★ 65.94KiB

icon

Font Rendering Enhancer Extension · Productivity 322 371 ★ 573KiB

icon

广告终结者 Extension · Productivity 322 2706 ★ 302KiB

icon

购物党自动比价工具 Extension · Shopping 322 416 ★ 7.36MiB

icon

眼不见心不烦(新浪微博) Extension · Social & Communication 322 1356 ★ 45.56KiB

icon

Appoint Font Extension · Accessibility 322 50 ★ 579KiB

icon

No Per-Script Font! Extension · Productivity 322 71 ★ 38.97KiB

icon

YAAW for Chrome Extension · Accessibility 322 96 ★ 204KiB

icon

替换字体的中文部分为雅黑 Extension · Developer Tools 322 300 ★ 10.48KiB

icon

xStyle Extension · Developer Tools 322 35 ★ 1.93MiB

icon

SimpRead - Reader View Extension · Productivity 322 2100 ★ 1.2MiB

icon

Super Drag and Go Extension · Productivity 322 443 ★ 37.56KiB

icon

京价保 - 京东价保助手 Extension · Shopping 322 426 ★ 1.01MiB

icon

SimpTab - Minimalistic New Tab Extension · Productivity 322 186 ★ 358KiB

icon

NooBox Extension · Productivity 322 237 ★ 2.73MiB

icon

One key Manger Extension · Accessibility 322 186 ★ 258KiB

icon

千山新标签页 Extension · Productivity 322 92 ★ 356KiB

icon

什么值得买 实时推送 Extension · Shopping 322 3993 ★ 825KiB

User reviews

icon

JACK LEE (ID: 0000003f392ba10a) Voted 5 ★ - Updated 11/02/2020 目前最好的雅黑替换插件,不会导致一些网站UI出现方格。

icon

Jason Silver (ID: 000000f29ca53f75) Voted 1 ★ - Updated 09/11/2017 Doesn't work?

icon

Jacky Kwok (ID: 000000943bb5314d) Voted 4 ★ - Updated 05/12/2016 使用这个扩展渲染效果很棒,但是某些字符或者符号无法显示,感觉还需要再加强一点

icon

喵喵酱 (ID: 000000202c30c29c) Voted 3 ★ - Updated 03/08/2016 CSS内容太多容易导致页面滚动浏览时掉帧 特别是多图的优酷首页

icon

Crazy Mod (ID: 000000ca072e4c69) Voted 5 ★ - Updated 07/05/2015 天猫 淘宝的方框确实消失了 确实要感谢作者的 认真付出