Font appears thicker in browser

I am setting up a web site in Dreamweaver and have chosen Helvetica Neue and related fonts for the text. It looks right in Dreamweaver but when I view it in browsers, all type thickens up. For the body text, I have chosen "lighter" as the weight. Any suggestions?

If you want to use CSS shorthand on font property, be sure to put everything in the correct sequence.
font: variant (if any) | weight (if any) | font-size / line-height | font-family
.body {
    font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-align: left;
    margin-left: 108px;
    margin-right: 108px;
Also, why not use HTML selectors instead of custom classes for headings? HTML supplies all the selector headings you'll need plus a few more: h1, h2, h3, h4, h5... p, a:link, blockquote, cite, etc...
.head1 {
    font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #FF9900;
    margin-left: 0px;
    margin-right: 0px;
.head2 {
    font: 12px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
    color: #FF9900;
.head3 {
    font: 12px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #FF9900;
.ital {
    font: italic 12px/5em "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    text-align: left;
    vertical-align: top;
    padding-bottom: 0px;
body
    background:url(bgImage.jpg) no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
.head1underline {
    font: 16px/ 1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    margin-left: 0px;
    margin-right: 0px;
    text-decoration: underline;
.links {
    font-size: 12px;
    font-weight: bold;
    color: #FF9900;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

TypeKit font becoming thicker in the browser!

I've just moved to Muse from Dreamweaver and all seemed to be going well.
Well, I've just wrote some body text using "Bree Serif" and it looks sweet! However the font loads thicker in the browser - not how I want it.
If I export the site as HTML, then add the code -webkit-font-smoothing: antialiased to the CSS of my body text, it loads in the browser just how I want it.
Is there any fix for this in Muse?
Thanks,
Ash.

Hi,
Muse does not give you font smoothing options. But you can manually add the CSS in Muse. Please see Zak's response in http://forums.adobe.com/message/5862858#5862858.
Abhishek

I upgraded to Firefox 6 random websites are using illegible fonts from my computer instead of the default. No issues with Firefox 5 or any other browser I use. Each time I open Firefox or reinstall it a different illegible font appears. Please help.

Firefox 6 using incorrect fonts.

When I delete the font that keeps showing up as the default, a new illegible font appears. The fonts are not 'garbled' they are just decorative typefaces that are being grabbed from my computer. I have never had an issue with my fonts on old Firefox versions or other browsers like chrome, safari, etc., so I don't think the issue is my fonts. I also don't want to have to delete all the fonts off of my computer. I uploaded another photo of when I deleted the font that was appearing before. Please help if anyone has found a solution to this problem with Firefox 6+ :/

Font appears different in Muse (without smooth anti aliasing)

I am using Google Font Roboto and noticed that it appears thicker when i type it in Muse than in Photoshop. When i have anti-aliasing on 'Strong' in photoshop it mirrors what is showing in Muse, but i prefer the default Smooth anti-aliasing. Is there a way to turn this on in Muse?

Adobe Muse CC 2014 (font strong, bolder)
https://db.tt/JMZhwPtT
Photoshop CC 2014 (Correct version)
https://db.tt/QLQtxYZL
Whats interesting is the output in a web browser varies from browser to browser and computer to computer. I've tried it on many computers and browsers. It shows correctly on all macs in Safari but mostly incorrectly in Firefox and Chrome. However, i tried on a 2008 Lion Mac which works correctly in all browsers. On Windows computers it shows correctly nearly every time.

The font on my internet browser and mail has changed. How do I change it back to a standard font?

The font on my internet browser and mail has changed. How do I change it back to a standard font?

Assuming you're using Safari, with Safari running open Safari's Preferences (Preferences in the Safari menu). Go to the Appearance tab, and set the ones you want.
Assuming you're using Mail, open Mail's Preferences (Preferences in the Mail menu). Go to the Fonts & Colors tab, and set the ones you want.

Font appears as bold when published

hi all!
This font issue is driving me crazy..I have set the font to helvetica light on my site but when i publish the site on mobileme some sections appears as bold randomly. i have tried highlighting text and changing font type to helvetica light again but even though it appears as light in iweb when published it is still bold.
Is there an easy solution to this please?

I'm having the same issue as shannondasilva. Looks great offline in iweb but as soon as I publish my site the font appears bolder and thicker than it should. Very annoying and not consistent enough for Apple. Anyone worked out a way of making the font appear as it should without having to convert the text to an image, etc. I want my text to be found by google so it needs to remain as text. And yes I'm using standard Helvetica and Arial websafe fonts. Please can someone help here???

When I type symbol font appears on screen and browswers fail to work properly, reboot fixes, new keybord fixed it but it now back? driving me crazy..virus???

when I type symbol font appears on screen (Safari, Mail, Firefox text boxes) and browswers fail to work properly (click on reply and browser tries to download), reboot will temp fixe, new keybord fixed it but it now back? driving me crazy..virus??? When this starts up iMac does not work properly, odd things, start happening, like all my screens will dissappear and I have to click on app to 'show' then as quick as it started it will stop. Run MacPilot/Onyx, no change.
Wireless keyborad, 27" i7 chipset, 2.8 Ghz,12 Gigs RAM

when I type symbol font appears on screen (Safari, Mail, Firefox text boxes) and browswers fail to work properly (click on reply and browser tries to download), reboot will temp fixe, new keybord fixed it but it now back? driving me crazy..virus??? When this starts up iMac does not work properly, odd things, start happening, like all my screens will dissappear and I have to click on app to 'show' then as quick as it started it will stop. Run MacPilot/Onyx, no change.
Wireless keyborad, 27" i7 chipset, 2.8 Ghz,12 Gigs RAM

When browsing a new library that I created, the browser shows dotted lines around grey rectangles, no images. When I double click on a rectangle the image appears. How do I get images to appear in the browser rectangles?

When browsing a new library that I created and exported onto an external hard drive, the browser shows dotted lines around grey rectangles, no images. When I double click on a rectangle, the image appears, but all the other rectangles remain empty - no image. How do I get images to appear in the browser rectangles? I am viewing this on a second computer (an older intel duo iMac), not the one I created the library on (a MacBook Pro). Both computers have Aperture 3.2.4 installed. When I return the external to the MacBook, all images appear in browser rectangles. What's happening on the iMac?

You may have a problem with the permissions on your external volume. Probably you are not the owner of your library on the second mac.
If you have not already done so, set the "Ignore Ownership on this Volume" flag on your external volume. To do this, select the volume in the Finder and use the Finder command "File > Get Info" (or ⌘I).
In the "Get Info" panel disclose the "Sharing & Permissions" brick, open the padlock, and enable the "Ignore Ownership on this Volume" flag. You will have to authentificate as administrator to do this.
Then run the "Aperture Library First Aid Tools" on this library and repair the permissions. To launch the "First Aid Tools" hold down the ⌥⌘-key combination while you double click your Aperture Library. Select "Repair Permissions" and run the repair; then repeat with "Repair Database". Do this on the omputer where you created the library and where you can see the thumbnails.
Then check, if you now are able to read the library properly on your iMac.
Regards
Léonie

Keynote PDF output: fonts appear "bold", milky background

Hello,
we observed two problems when exporting a Keynote presentation into PDF ("export" and "print" exhibit the same behaviour):
(1) when opening the PDF in Preview, the medium-size fonts appear to be "bolder" than in the presentation, small fonts look OK. We have tried several fonts (e.g. Trebuchet), the effect seems to be independent of the font. Colors look exactly as in the presentation.
(2) when opening the same PDF in Acrobat 8 Pro on either Mac or PC, the fonts look OK but all colours look as if through a "milky glass layer". This is an effect which is probably related to some color space conversion.
A similar topic was discussed last November, but no satisfying solution was presented. Many thanks in advance for any help with this.

It doesn't seem to matter what the Registry/Ordering is - I still get the error. I do recall that setting it to something known like Adobe and Japan1 had other effects, though, such as incorrectly chosen glyphs, though those could have been related to other issues we had at the time.
Since any value seems to prompt the issue, it leaves me even more confused as to what could be the root of this problem. Distiller seems to bypass embedding CMaps by using the "Identity" encoding and simply writing the glyph indeces into the text stream. Does Preflight just not like embedded CMaps?
I have uploaded a sample document to acrobat.com if anyone wants to take a look. It has several changes from the original description, in an attempt to root out the problem. Here is the URL:
https://share.acrobat.com/adc/document.do?docid=4284cd55-d710-411f-8a91-51359564a78b
Thanks again for any help.

The title of a music won't appear in the browser window.

The song appears in iTunes, but it does not appear on the browser window in Aperture. The song title is a mixture of Japanese and English text and it was sampled from an original CD. The browser does list other songs that have only Japanese, only English, or a mixture of the two. Also, it's not other listing songs too. Any thoughts? Thanks.

Might need to "recreate" your iTunes library, read here.
http://support.apple.com/kb/ht1451
And launch iTunes. From the menu bar click Store / Authorize This Computer.

When I export documents as a PDF in Indesign the fonts appear as squares. This has started happening since I updated my operating system to 10.9.4 on my iMac.

When I export documents as a PDF in Indesign the fonts appear as squares. This has started happening since I updated my operating system to 10.9.4 on my iMac.

Apple Mail uses Apple's own PDF viewer, and it's ... well, let's be friendly and say not really up to par. Don't use it for anything else than ascertaining there is *something* in your mail. Then use the free Adobe Reader to view your PDF.
See this recent thread: http://forums.adobe.com/message/4526583

N95 - no text appears in web browser

When I connect to the Internet through my N95 WiFi connection, I get the images but not the text on the web pages. Even when I write something (like user name and password) I cannot see what I am writing.
Will be thankful if someone would give me a solution. Thanks.
Solved!
Go to Solution.

i have contacted the developer of Ramadan applications.
The problem is in fonts used in Quran and it was fixed.
Please see the solution below:
Dear Customer,
Thank you for contacting ASGATech support,
After investigation to the browser problem We found that Quran font conflicts with this browser font, so we updated the Quran version and it's available at:
http://mea.nokia.com/english/ramadan
1-Restart your mobile.
2-Uninstall the old version.
3-install the new version.
Thanks and best regards,
ASGATech support team/ Noha

Font appearance jumping between light and bold

When I first open thunderbird in the morning, fonts appear bold [as if all unread] then if i quit thunderbird and try again it open with font as light, with only unread email showing as bold.
OS X Yosemite 10.10.3
Thunderbird 31.6.0
UTC/S 5.0.0
This is now happening on another mac with Yosemite installed. It worked for a few days and now not working

behnazutx wrote:
The first respondent indicated that when the design is made into a PDF, then the fonts are embedded and visible across platforms. Are there any situations I should be aware of in which this isn't the case? If that statement is true or generally true, that is good news, and will make me feel a lot more OK about this process.
I Googled "fonts that cannot be embedded in pdf" and these are the top 3 results:
Why Some Fonts Cannot Be Embedded In PDF
Cannot Embed font into InDesign PDF
Adobe Acrobat X Pro * Font embedding and substitution

I upgraded to v16 and now when I go to Hotmail/Qutlook email appears in mobile mode. How do I get it to appear in full browser mode?

How do I get it to appear in full browser mode?

Clear the cache and the cookies from sites that cause problems.
"Clear the Cache":
*Tools > Options > Advanced > Network > Cached Web Content: "Clear Now"
"Remove Cookies" from sites causing problems:
*Tools > Options > Privacy > Cookies: "Show Cookies"
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
*Do not click the Reset button on the Safe mode start window or otherwise make changes.
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
You can also check your security software (firewall) to make sure that if doesn't modify the user agent or otherwise makes the website think that you use a mobile connection.
You can check the network.http.* prefs on the about:config page and reset all bold user set network.http prefs to the default value via the right-click context menu -> Reset.
*http://kb.mozillazine.org/about:config

Japanese fonts appear larger in Flash Player 10.0.42.34

Hi
We're experiencing a strange problem in a flash swf object embedded on an aspx page in a .net web application.
Environment :
Adobe Flash Player : 10.0.42.34
Browesers : IE 6 , 7 Firefox 3.5
Client machine configuration :
     Windows XP SP3
     East Asian Language Pack installed.
     Flash player version 10.0.42.34 installed.
We're displaying Japanese text on the page through the flash player.
What happens is that randomly on some client machines the Japanese fonts appear too large in size while on others
they appear perfectly fine.
We also have English , Honkkong and Chinese versions of the page ..all of which work perfectly fine across all client machines.
The issue is only with the Japanese version.
Any pointers on this guys .... ?
Please help !!!!
Thanks

Sure , here is the url :
http://www.forevermark.com/ja-jp/The-World-of-Forevermark-/Precious-Collection/
On some machines , the Japanese text in the centre section appears very large. ..( see attached snapshot)
We initially encountered this on the version prior to the 10.0.42.34 version.
However even after the upgrading to 10.0.42.34 , the problem still persists .
Thanks

Font appears thicker in browser

Similar Messages

Maybe you are looking for