Safari / Firefox on Mac not rendering · properly - macos

I have some text that looks like this:
Some Text · SomeMoreText
In all Windows browsers, this shows up like:
But on the Mac, it shows up like:
Why does the Mac trim the space following the dot? Even doesn't work.

The problem is the font you're using (Arial Black). For some reason there seems to be an issue with the kerning on the mid-dot character in the Mac version of this font. You'll need to use a different font to fix this issue.

Related

too much spacing between letters windows terminal

I'm using a windows terminal and was trying to install an ubuntu font that was downloaded from the google.fonts site, so no errors were expected. But just for this application, the spacing between letters is too large. I also tried in Microsoft Word, there are no problems there.
Perhaps the solution is to set up a json file with a Windows terminal configuration.
Please tell me how to fix this
enter image description here

Mac terminal font sometime sharp sometime blurry?

I am trying to understand why Mac terminal font is not sharp.
Mac terminal most of the time shows up like this:
Rarely it shows up like this:
Much sharper. I want to make it so it is always like the second image here, the sharper version.
What could be causing the fond to be not as sharp like shown in the first image?
I am running macOS 12.0 Monterey.
And this is my General and Profiles tabs:
That's the Antialias text option in Terminal's Preference->Profiles. My guess is that you sometimes switch between the predefined Basic profile, which has the option enabled, and the Homebrew profile, which has it disabled.
In the Preferences General tab, you can setup the Terminal to use a non-default profile on startup. If you do so, but at the same time have new windows open with the default profile, you get a different profile for every Terminal window but the first, which may be why you see these differences.

Font rendering fine on Mac, messed up on Windows

I ran into a problem with font rendering on Windows.
I'm used to a little difference in rendering between Mac and Windows, but this just made my mouth fall open. I tested the site thoroughly on Mac and I'm positive it looks just fine in Chrome, Firefox and Safari.
It looks like this on Mac browsers:
On Windows, it looks completely messed up in any browser (I tested Chrome, Firefox and IE):
I know Mac has Iowan Old Style installed by default, so I tried forcing the Mac browsers to use the webfont I generated using FontSquirrel, but that doesn't reproduce the problem on Mac.
Both browsers seem to load the same font (namely the woff version) correctly. Does anybody have any idea what this could be?
I can't post the link to the website because I don't have enough reputation, please look at the screenshots for the URL..
Thanks guys!
After some more research I found out the original (ttf) font worked perfectly fine on Windows, so it had to be FontSquirrel that caused the problems. I tried out 8 different types of settings on FontSquirrel and kept having the same issues.
After a while I decided to try a different generator and I came across Fontie: https://fontie.flowyapps.com/home
This actually solved the problem for me!

Cutted fonts (font squirrel) in Windows

I'm using font squirrel. Everything is fine on MacOSX or ipad. But I've got problem on my windows machine.
Font is just cutted.
It's original font(DinCond) on the bottom of the picture.
http://postimage.org/image/b3apbrwtd/
According to this, the thinner and condensed fonts usually have this issue.
http://www.fontsquirrel.com/blog/2009/11/what-to-expect-from-our-font-face-generator
This might spark some attempts:
http://www.fontsquirrel.com/forum/discussion/74/webkit-font-rendering-on-windows-xp/p1
might want to play around with CSS alias settings
You can always try Cufon and spend a little on TypeKit

Windows 7 64 Chrome 19 font anti-aliasing render issue

I just loaded a new system and everything looked fine. Then all of the sudden Chrome starting displaying certain fonts on certain web pages with what looks like no anti-aliasing. I've had this happen before on another system as well. Same thing, everything looked fine and then all of the sudden this started. Any ideas or suggestions? Thanks.
Screenshot of what I'm typically seeing.
http://www.denkers.com/test/font.jpg
First, make sure your text encoding is correctly set to Unicode (UTF-8) by going to the wrench icon -> Tools -> Encoding
If that doesn't work, go to the wrench -> About Google Chrome and update to the latest version.
Finally, if none of these work, try reinstalling Google Chrome.

Resources