font-smoothing

How to get an aliased (retro-style) HTML text effect

五迷三道 提交于 2021-02-17 05:08:09
问题 I am trying to achieve a jagged text effect with HTML and CSS text. I am aware of the webkit-font-smoothing and font-smooth properties, but even with those set to "none" and "never", the text is still smoother than I would like. Are there other css properties, or other methods I can use to force the text to be more jagged / aliased? Only caveat is it needs to be actual HTML text, not images. 回答1: A lot of text-shadow can approximate such effect. The more you add the more you get the bad

Jaggies text when fillText in canvas in chrome

霸气de小男生 提交于 2019-12-23 04:01:41
问题 I am trying to draw text in canvas but the drawn text has jaggies especially in chrome 31.0.1650. I have tried -webkit-font-smoothing:antialiased,text-shadow but all go in vain. How to tackle this problem? Thanks in advance. Here is the style code: <style> #my_canvas{ -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); text-indent: -9999px; } </style> The code in body: <canvas id="my_canvas" height="300" width="2200"></canvas> <script> var canvas = document

Webkit font-smoothing bug when iframe with Flash is on page. Is there a work-around?

匆匆过客 提交于 2019-12-11 17:32:58
问题 I've ran into a nasty bug with Chrome and Safari on Mac. It appears that its related to font-smoothing and whether or not the page has an iframe with Flash inside of it. When I remove the iframe the text looks like it is set to font-smoothing: subpixel-antialiased (browser default). But when the iframe is on the page (with Flash running inside of it) the text appears to be set to font-smoothing: antialiased . Is there any work-around for this? Please see screenshots below. 回答1: I was having

Intellij IDEA font smoothing in linux

穿精又带淫゛_ 提交于 2019-11-30 04:50:17
I'm using IntelliJ IDEA on Arch Linux with KDE. OpenJDK version is 1.7.0_40. Whole IDE fonts (includes code editor) are rendered without any antialiasing and font smoothing. I set in idea.properties file idea.use.default.antialiasing.in.editor to true , and added in _JAVA_OPTIONS variable -Dawt.useSystemAAFontSettings=on -Dswing.aatext=true without any effect. What else I can try to enable font smoothing? lynnard Take a look here . I remember having the same problem when running IDEA, but after adding the line mentioned in the wiki the problem goes away. export _JAVA_OPTIONS='-Dawt

Intellij IDEA font smoothing in linux

蓝咒 提交于 2019-11-29 00:05:40
问题 I'm using IntelliJ IDEA on Arch Linux with KDE. OpenJDK version is 1.7.0_40. Whole IDE fonts (includes code editor) are rendered without any antialiasing and font smoothing. I set in idea.properties file idea.use.default.antialiasing.in.editor to true , and added in _JAVA_OPTIONS variable -Dawt.useSystemAAFontSettings=on -Dswing.aatext=true without any effect. What else I can try to enable font smoothing? 回答1: Take a look here. I remember having the same problem when running IDEA, but after

Font Smoothing Techniques? text-shadow rendering differently in Chrome 14.0.833.0 or higher

十年热恋 提交于 2019-11-28 18:26:21
EDIT: We're in Chrome 19 now, and this still isn't fixed. Just a clarification: this happens in Chrome on Windows, not Linux or Mac. I think it has to do with Cleartype. Google, please fix this. I've been using CSS3 text-shadow to emulate IE9's font smoothing on other browsers. Basically I've just set the text-shadow of a container's text to the container's background. You can see the behavior by setting text-shadow on a largish font element in anything lower than Chrome 14.0.833. The text looks smooth. Remove the text-shadow and the font looks jagged. However, in Chrome 14.0.833 (UPDATE:

Is it possible to disable font smoothing in CSS?

房东的猫 提交于 2019-11-28 00:48:57
I want some small fonts to look with no smoothing. Is it possible to disable font smoothing using HTML/CSS? Yes, it's possible, but not for all browsers. font-smooth: auto | never | always | <absolute-size> | length | initial | inherit -webkit-font-smoothing : none | subpixel-antialiased | antialiased For your case: font-smooth: never; -webkit-font-smoothing : none; UPD(for Chrome) : Force Font Smoothing in Chrome on Windows Yes, although I can't say which browsers will take any notice of you! You can write <p style="font-smooth:never;"> to get the effect you want. EDIT I was sure I had used

Font Smoothing Techniques? text-shadow rendering differently in Chrome 14.0.833.0 or higher

不羁岁月 提交于 2019-11-27 11:20:22
问题 EDIT: We're in Chrome 19 now, and this still isn't fixed. Just a clarification: this happens in Chrome on Windows, not Linux or Mac. I think it has to do with Cleartype. Google, please fix this. I've been using CSS3 text-shadow to emulate IE9's font smoothing on other browsers. Basically I've just set the text-shadow of a container's text to the container's background. You can see the behavior by setting text-shadow on a largish font element in anything lower than Chrome 14.0.833. The text

Font weight turns lighter on Mac/Safari

╄→гoц情女王★ 提交于 2019-11-27 00:18:55
On my last website, the text is perfect naturally on chrome and firefox without touching font-smoothing or anything else. But on Mac / Safari 7 the text appears well then turns immediately thinner (too much thinner / not nice to read). After doing some research [cf http://www.usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/] and some tests playing with -webkit-font-smoothing It looks like Safari display the text first with : -webkit-font-smoothing: subpixel-antialiased; Then just after you got the flickering effect, when it is turning font to : -webkit-font-smoothing: antialiased; So

Is it possible to disable font smoothing in CSS?

旧城冷巷雨未停 提交于 2019-11-26 21:47:28
问题 I want some small fonts to look with no smoothing. Is it possible to disable font smoothing using HTML/CSS? 回答1: Yes, it's possible, but not for all browsers. font-smooth: auto | never | always | <absolute-size> | length | initial | inherit -webkit-font-smoothing : none | subpixel-antialiased | antialiased For your case: font-smooth: never; -webkit-font-smoothing : none; UPD(for Chrome) : Force Font Smoothing in Chrome on Windows 回答2: Yes, although I can't say which browsers will take any