Stack Overflow
Stack Overflow

Questions tagged [font-smoothing]

25 questions
1
vote
0 answers

How to make font in canvas smooth, just like using -webkit-font-smoothing: antialiased in CSS?

I'm building a banner generation tool to automate our workflow. But I found a problem when rendering fonts(I'll add some screenshot later). If we use exactly the same font and font-weight, and I'm using a mac so it's a retina screen: If I look at…
Xiangyu Du
  • 11
  • 1
1
vote
0 answers

Text blurring only on firefox with animation

Trying to get a clean text for my view. This code shows clean text on chrome/IE but not on Firefox which for some reasons shows me a blurry text. Here's a reproduction of my problem : https://jsfiddle.net/z7egrnod/ Does anyone have a solution to…
Nicolas S.
  • 173
  • 2
  • 12
1
vote
0 answers

Browsers and font smoothing

I have a problem rendering the "font-smoothing" CSS property with html2canvas on all browsers I have (FF/Chrome/Safari/0pera) But trying desperately to solve that, I eventually wondered why I had to smooth the text in the first place and i noticed…
Bachir Messaouri
  • 754
  • 2
  • 8
  • 31
1
vote
1 answer

Jaggies text when fillText in canvas in chrome

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…
bksh
  • 43
  • 1
  • 2
  • 8
0
votes
4 answers

Fonts start to get blurry when smaller than 11px

I'm converting a Photoshop image to HTML, and I noticed that when I set the font size to 11px it gets blurry, but in Photoshop it still looks fine. So after playing around I discovered that if I set the font type option to smooth instead of none,…
Linas
  • 4,380
  • 17
  • 69
  • 117
0
votes
0 answers

will-change: opacity, transform; causes smoothed text in CSS

so I was messing about with MaterializeCSS and was realizing that when putting a button with the class "waves-effect" caused all text to smooth out and become a little blurry sort of say. So through a process of elimination, I found out that…
Sanction
  • 179
  • 1
  • 2
  • 10
0
votes
0 answers

Disabling DirectWrite on Chrome messes things up, but I need to

Disabling DirectWrite on Chrome (through chrome://flags), makes a number of websites display incorrectly and some not at all. But in all cases that the page is transformed, the elevator becomes tiny, in other words the page comes extremely tall all…
Tony TCG
  • 313
  • 3
  • 8
0
votes
1 answer

Anyone else with bad font smoothing in Brackets 1.1?

So I've got Mactype installed which renders fonts beautifully on my Windows setup, but since I installed the latest version of Brackets v1.1 the font smoothing/anti-aliasing has been terrible. Here's a comparison between version 1.0 and 1.1…
Feyisayo Sonubi
  • 1,052
  • 5
  • 15
  • 27
0
votes
2 answers

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

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:…
Dustin
  • 4,314
  • 12
  • 53
  • 91
0
votes
1 answer

Anti-aliasing for Chrome and Opera

I've seen theories around the interwebs for solutions to the cleartype issues with Chrome, Opera, and IE7-8. IE9 and Firefox ignore a user's preferences for cleartype, so I was wondering if there was a way to force a website's fonts to display as…
Chad
  • 5,308
  • 4
  • 24
  • 36
1
2