|
11 | 11 | Type-X is currently unlisted from the Chrome Web Store for maintenance.<br/>However, it can still be used in Chrome Developer Mode (see <a href="https://github.com/arrowtype/type-x#install-in-developer-mode">below</a>). |
12 | 12 | </h3> |
13 | 13 |
|
| 14 | +UPDATE, SEP 2025: [We are working to relist it on the Chrome Web Store!](https://github.com/arrowtype/type-x/issues/125) If it’s not there yet, you can use it in Chrome Developer Mode, but please check back soon, as this should be changed soon! |
| 15 | + |
14 | 16 | --- |
15 | 17 |
|
16 | 18 | Type-X is a Google Chrome extension that makes it easy and efficient to test local fonts on any website. |
17 | 19 |
|
18 | 20 | - Browse comfortably to experience your own fonts in context, with blazing-fast font injection and a one-click override. |
19 | | -- Use your local fonts or add custom font files directly to test real web font files – WOFF & WOFF2 included (all fonts stay on your computer). |
| 21 | +- Use your local fonts or add custom font files directly to test real web font files – WOFF2 included (all fonts stay on your own computer, and nothing is uploaded to any server, etc). |
20 | 22 | - Take full control over how you apply your fonts with custom CSS selectors and styles. |
21 | 23 | - Avoid "tofu" from icon fonts with preset and custom selectors to ignore icon elements. |
22 | 24 |
|
@@ -67,11 +69,11 @@ Click the switch to activate font overrides! Click it again to remove your overr |
67 | 69 |
|
68 | 70 | Type-X can have one or more font overrides at a given time, and these overrides are applied to all web pages you visit with Type-X activated. |
69 | 71 |
|
70 | | -To add a new override, click the `+` button. |
| 72 | +To add a new override, click the `+ Add font` button. |
71 | 73 |
|
72 | 74 | To customize an override, click the `›` icon to expand it. |
73 | 75 |
|
74 | | -To remove an override, expand one of the font overrides and click `Delete`. Note: deleting an override does not delete the font file, even if you have loaded the font file directly into the extension. |
| 76 | +To remove an override, expand it and click `Delete`. Note: deleting an override does not delete the font file from the Type-X menu, even if you have loaded the font file directly into the extension. It will still be available as an option, unless you reset the entire extension. |
75 | 77 |
|
76 | 78 | #### Font menu |
77 | 79 |
|
@@ -120,12 +122,13 @@ Using CSS selectors requires some knowledge of HTML and CSS, but you can do a lo |
120 | 122 | You may want to control styles such as weight, size, or color in overridden text. If so, you can use CSS style properties to do so. For instance, if you want to make all text affected by a certain font override into bold, 20px, black text, you could use this style: |
121 | 123 |
|
122 | 124 | ``` |
| 125 | +letter-spacing: 0; /* resets style */ |
123 | 126 | font-weight: bold; |
124 | 127 | font-size: 20px; |
125 | 128 | color: black; |
126 | 129 | ``` |
127 | 130 |
|
128 | | -Of course, using fewer style overrides is often better, so that you see your chosen font while disrupting a web page's styles as little as possible. |
| 131 | +Of course, using fewer style overrides is often better, so that you can see your chosen font while disrupting a web page's overall styles and layout as little as possible. |
129 | 132 |
|
130 | 133 | #### `Selectors to ignore` |
131 | 134 |
|
|
0 commit comments