Bold font is too wide in browsers

I actually have Linux Mint installed, but searching google indicates that the Archlinux forum has far and away the most expertise with the gnome font system, including a very informative wiki page that I have read and tried to apply, unfortunately to no avail.
The reason I'm asking this question is that I feel like I'm so close to having a gorgeous desktop, but what looks like a rendering error looks like it may frustrate me every time I surf the web.
I've used advanced settings (which I installed following a tutorial) to set my system font to Sawasdee, which looks very good. In fact, I would call Sawasdee the best looking screen font, by my personal preference, that I've ever used.My problem is that bold text is too thick, but pretty much only in browsers, chrome and firefox.
The Sawasdee font family has a great bold but for one reason or another that is not what is rendering, instead it looks like the browsers are taking the regular, elegant Sawasdee font and making it two or three times as wide.
Is there a setting just to tell the system how to handle bold text?
Below is a link to an image of the linux mint forum where I think the text that is not bold looks close to perfect, but the text that is bold looks almost unreadable:
http://imgur.com/owffN.png
Below is how the fonts look in the system and how firefox renders them:
http://i.imgur.com/MXbuM.png
It seems to me that the problem is that the applications are making their own bold font instead of using the one available. I wonder if I could rename a file or alter a config line somewhere to correct that.
So far, I've added this to an /etc/fonts/local.conf file that I made using the header from font.conf but it did not help
<match target="font">
<test name="weight" compare="more">
<const>medium</const>
</test>
<edit name="autohint" mode="assign">
<bool>false</bool>
</edit>
</match>
I really appreciate any help I can get. If there is more information that might be helpful, I am eager to provide it.
Last edited by ra1110laptop (2011-12-06 07:32:17)

Sorry but we can give assistance for original Arch Linux only. Please ask on a Linux Mint forum for detailed help.
But there is quite some information about your issue in the Arch forums and the wiki. Some quick search should help.
Closing.

Similar Messages

Monaco Font Looks Too Wide To Display on Konsole

I use Monaco as the default font of konsole. The bold format of Monaco font looks too wide to display a complete letter.
As shown in the picture, the last character of the file name disappears.
I also disselect the Draw intense colors in bold font checkbox in the konsole profile. It does not work. How could I fix that problem?
Last edited by speeds (2012-11-29 11:56:00)

yeah you can use the remote app on other ios devices and place the ios device in question as close to your eyes as you see fit

The fonts are too small on my imac desktop and web browsers. Where can I increase the size?

The fonts are too small on my imac desktop and web browsers. Where can I increase the size?

babowa wrote:
The only way to increase the fonts on your desktop would be system wide by going down a notch on the resolution. Some people won't do it because it increases the pixel size so the fonts won't be quite as sharp; I decided I'd rather have that than having to squint continuously. Go to System Preferences > Displays > Scaled > this will give you all resolution options available. No harm in trying - just check the default (top) choice again if you don't like any of the others.
It's a b*&^ch getting old . I still use the screen zoom instead of decreasing resolution, but maybe soon ...

Fonts Look Too Heavy In Safari

After installing Lion the way fonts display in Safari especially where they are bold are now too heavy which is closer to how they display on Safari in Windows. This is overdone as they looked better before.

Actually they are fine now as I hadn't seen that Use LCD font smoothing had been turned on. Now off and back as before.

Flash paper doesn't import bold fonts

I have some bold fonts in my word document. And when i export
them to
swf or
pdf, the bold fonts become regular. I used
Flash Paper last year once or twice and I didn't have such a
problem. The font I'm using is "Bookman Old Style". But I tried
other font types as well and they didn't work either... Anyone had
the same problem or know a fix for this issue ? cheers...
Flash Paper version = 2.02.2302

I had the same problem whenever I wanted to print on
FlashPaper. The following worked. Go to Control Panel > Printers
> Macromedia Flash Player. Right Click > Properties. Under
the tab
Ports select
FlashPaperPrinterPoint. I had LPT1 for FlashPaper selected
by default, so I guess it made my laptop "look" for the printer.
I hope it works for you too!

Nested table too wide in IE7, fine everywhere else

I have a table nested into a table cell in a pretty much
straight HTML page. It renders fine in Safari and Firefox Mac, and
in Firefox Win. The nested table renders about 25 pixels too wide
in IE7. Can't check IE6 because my install overwrote v.6 when I
tried to prevent that.
The page is at:
http://www.monsoondigital.com/client/brotherton/index.html.
The problem table (or the cell that contains it) contains all
of the body content on the page: left column graphics, vertical
separator, body text, and right column graphic. The tops of the
cells each contain 1-pixel tall spacer GIFs to establish the column
widths. Need some help with getting the width to behave. I've
already retabled this thing three different ways. I'm stuck. HELP!
(running IE7 on XP Pro SP2. Built in DW MX Mac.)
Jeff

I am not seeing any difference in the two browsers
"andy1129" <[email protected]> wrote in
message
news:gm8gbu$dbe$[email protected]..
> Hello, I'm using DW CS3 to design an HTML email
newsletter and am using
> inline
> CSS with a table nested in another table. After
inspecting some other HTML
> emails, I used this as a model. My problem is that it
displays fine in
> Firefox
> and Safari but in IE7 the table is resized. It can be
viewed here:
>
>
http://www.andy1129.com/wi_newsletter/testing3.html
>
> Is there something I can do to fix this or is my table
set-up
> unnecessarily
> complicated and needs to be simplified even more? This
is the first time
> I'm
> using CSS so it's a learning process.
>

Bolded fonts only in Firefox - how to normalize it?

My problem is the bolded font: before view - http://i.imgur.com/6FlBHZs.png, after view - http://i.imgur.com/cxaRhtZ.png
I want to return the normal view of the fonts in the websites. This problem appears only in Firefox.

Are you zooming those pages. because that can cause Firefox to use a bold font if you zoom too much?
Reset the page zoom on pages that cause problems.
*<b>View > Zoom > Reset</b> (Ctrl+0 (zero); Command+0 on Mac)
*http://kb.mozillazine.org/Zoom_text_of_web_pages
Try to disable hardware acceleration in Firefox.
*Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

Bold fonts in many websites

Hi,
Since I removed Office 2011 and reset FontBook (booting into Safe Mode), many sites are displaying in bold fonts (google, facebook, cnn...).
It happens in Safari (but also in Chrome).
How could I get rid of this issue? Any idea?
Thanks in advance!

FYI I had the same problem (bold fonts in many web sites). All my fonts checked out OK in Fontbook and FontDoctor. I could not find my Snow Leopard install disks, so I resorted to systematically moving fonts out of my /Library/Fonts folder.
After a very long binary search (remove half the fonts, reboot, check for issue, repeat) I finally narrowed on the problem font: Georgia Bold.ttf
*Take Georgia Bold.ttf out of your /Library/Fonts folder and the problem disappears.*
Why this happens? Well, all I've got is a theory. Georgia is a font developed by Microsoft that is supposed to be easier to read on-screen (a really bold version of Times basically). Some web sites design for Georgia, but if it isn't present they fail over to regular old Times Roman.
So if this Georgia font gets installed on your machine, you starting seeing a number of sites that have coded for it (for me it was Lifehacker.com) appear 'broken' – with really ugly bold text. Georgia displays ok on Windows, but on the mac it is really inelegant. See how it looks in different browsers/OS's here:
http://i.imgur.com/0F6nU.png
So really this font isn't 'broken' or corrupted, it's working just the was Microsoft and the site designer intended it to. This is why when you check for duplicate or corrupted fonts everything seems ok. The real problem is that neither Microsoft nor the site designers ever bothered to check and see how this franken-font displayed on a mac.
So how did this evil Microsoft font get on your system? For me it was Microsoft Office 2011. If you dig through the package contents Georgia is one of the numerous fonts it installs.
Long story short: like most things *it's Microsoft's fault*. Thank you very much for destroying my Sunday evening Mr. Ballmer (can't blame Gates anymore, he's out saving the world).
Hope this helps someone else. Just move/delete Georgia Bold.ttf from /Library/Fonts and you should see the difference when you open the sites in Safari.

Wiki Tables Too Wide

Is there a way to control the width of the wiki pages? I have several tables that are too wide for the wiki, so information runs off the edge. Other than not looking very good, it's not much of a problem unless I try to print something. Then, things get cut off.
I'm not much of a programmer, so if anyone has some basic instructions that may help me widen the page, I'd appreciate it.
Thanks, Greg

SnakEyez02 wrote:
> Malcolm, I have sent the necessary information back to
Karl. In regards to IE
> 6, I didn't figure that out 100% for him with the demo.
In IE 7, Firefox 3,
> and Safari 3 it should work fine. The problem is that in
IE 6 does not
> recognize the third level of CSS which includes the
overflow-x and overflow-y
> attributes. I do believe it can do overflow: auto;
instead of declaring them
> separately as I did. The reason it was that way was
because I found a super
> large image and I didn't want it to scroll left and
right as I knew it would.
> But if the content is going to stick to a specific
width, then the overflow:
> auto should save it. If not an IE 6 hack might be needed
to make it work for
> the older browser.
>
> The following is a really good resource to look at for
browser usage:
>
>
http://www.w3schools.com/browsers/browsers_stats.asp
>
> IE 6 has been on a decline while IE 7 was stagnant but
now appears to finally
> be turning around. If the users of his site do use IE 6,
it might be more
> effective to use a table layout over a CSS layout just
because IE 6 and earlier
> tended to lack the CSS standards whereas Safari, Opera
and Firefox tended to
> use a fairly similar rendering engine and now IE 7 is
catching on to the
> standards.
>
Hey I was following - hope you don't mind a suggestion.
How about a CC such as.....

I know it gives a hor scrollbar but I think it looks better
that way or
at least visually it is more like the rest of the browsers on
XPPro at
least!
Just another opinion :-)
chin chin
Sinclair

Navigation bar too wide for template graphic after creating new page

I want to stick within the templates, but I have a lot of pages and don't want them all in the nav bar. When I flagged a page to keep it out of the NAV bar, the NAV bar get messed up - not properly displaying at the edge of the template, like it made room for the hidden page's link then re-adjusted itself too wide for the background graphic. I've got the problem in the elegant template when displayed in IE on Windows (1024X768). Safari on my mac looks OK. Are there any other setting changes I can make to be better compatible?
Thanks
Anne

It appears to have been a cache issue or some such. I no longer see the problem

How can I prevent sites displaying in bold font in versions of FF later than 3.6?

Many sites (google, gmail, wikipedia to name a few) are appearing in bold font when they should not be. This started for me in FF4, and has persisted in FF5 and now FF6. I'm running Windows 7 x64.
I've seen many replies to questions about bold font problems telling people to reinstall, e.g. arial as the problem is corrupted fonts on their system. I've tried reinstalling several fonts (arial, verdana, tahoma, times new roman...) and it doesn't solve the problem. Also, if I reinstall FF3.6, the problem goes away, so it seems to be an issue with FF and not my machine.
I've also tried running FF6 in safe mode, with addons disabled, and restoring the default settings. None of this has helped.
I should add that I have another machine running FF6 with the same addons, but with Windows 7 x86 - all pages display correctly. Is this a known issue for FF4+ on 64-bit systems?

Thanks for replying. I'm using exactly the same profile as I did in 3.6, and reinstalling 3.6 does solve the problem. I'd rather use the latest version though.
I've just checked Tools > Options > Content > Advanced of the two machines side by side, and they're identical. The 32-bit one is fine, and the 64-bit one isn't.

I'm using the @font face to embed fonts on my site. Everytime I use a heading tag Firefox adds extra emphasis (making a bold font even bolder). How can I resolve this? The heading tag renders fine in Chrome/Safari.

<pre><nowiki><?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" type="text/css" href="index/fonts/fonts.css"/>
</head>
<body>
<h1>Heading2</h1>
<p> Testing </p>
</body>
</html>
*/CSS/*
*/Fontface rule/*
@font-face {font-family: 'Gibson-Bold';src: url('159693_2.eot');src: url('159693_2.eot?#iefix') format('embedded-opentype'),url('159693_2.woff') format('woff'),url('159693_2.ttf') format('truetype'),url('159693_2.svg#wf') format('svg');
*/Testing use of Fontface/*
h1, h2, h3, h4, h5, h6 {
font-family: Gibson-Bold;
font-style: normal;
font-size: 10pt;</nowiki></pre>

You're welcome.
It is always a good idea to reload and bypass the cache after you have made changes and uploaded new files.
Reload web page(s) and bypass the cache.
* Press and hold Shift and left-click the Reload button.
* Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
* Press "Cmd + Shift + R" (MAC)

How can i take out the bold fonts from webpage?

Hello,
My website homepage is all in bold fonts and after trying everything i thought to solve the problem, i cant find a way to un-bold the font.
This the page i am referring http://silentdisco.de/
Hope you could help... I have this situation for some time and i really dont know what i could do to solve it.
Thanks so much in advance for your help.
xiko

Start by removing the inline styles from your HTML code. You've got quite a few of them.
<span style="font-weight: bold; color: #000000; font-size: 20px;"></span>
CSS styles belong in your style sheet.
Nancy O.

Pdf file designed using IREPORT tool. when i preview in adobe reader bold fonts displaying correctly,but same file in mozilla adobe plugin displays fonts unbold

I have designed a report using IReport tool with some text as BOLD, which generates report in PDF format. when i open the file with Adobe Reader IX it opens perfectly.
but the problem is when i open the same file in mozilla add-on "Adobe Reader 11.0.3.37" and in previous versions it does not displaying the bold fonts.

Is there a non-confidential example of this PDF that we could view?

Anyone know of a way to adjust the top and side MARGINS of a document printed from iOS numbers? The default margins are too wide. Need more working space.

Anyone know of a way to adjust the top and side MARGINS of a document printed from iOS numbers? The default margins are too wide. Need more working space.

Open the document,
Tap the Tools icon (upper right).
Tap Document Set up.
Drag the margins to the position you wish (the actual margin width sould display as you are doing this).

Bold font is too wide in browsers

Similar Messages

Maybe you are looking for