Web fonts are blurry/muddy when displaying in browser

It seems that the CSS code that Muse generates lacks a reset or clarification of font weight, either of which would fix this problem (for example, see here: http://css-tricks.com/watch-your-font-weight/). Will this bug be fixed in future versions of Muse? I hate having to go in and fix stuff like this myself, it makes using Muse too cumbersome, as every time I make a change to the site in Muse, I then have to export the files and re-edit them by hand again.
Thanks Muse team, not trying to be discouraging at all, and I really do think you're doing great work—we all know these things take time to perfect!

Hi Brad,
Thanks for your quick response! Here's section of a website I'm working on when I'm still in Muse:
And here is that same section when displaying in Chrome (looks like this in Firefox, too):
See how all the text looks weirdly stroked/muddy?
Thanks again!

Similar Messages

  • How do I save a PDF ready for print. I have a problem with the fonts. The fonts are blurry after pri

    How do I save a PDF ready for print. I have a problem with the fonts. The fonts are blurry after printing. There is a trick in saving PDF.

    Hi el_giclee,
    Important to note from the beginning is that when you create your Photoshop document make sure you chose 300 Pixels/inch as your resolution.
    I'm interested in seeing your Save Adobe PDF dialog box after you choose to save the PDF.
    Could you post a screenshot of this dialog box with the Compression menu selected on the left side?
    It's a good idea to select High Quality Print or Press Quality in the Adobe PDF Preset menu at the top of this box. It will automatically select the best default settings for a printed piece.
    Michael

  • Some web fonts are not rendered

    When I visit some sites that use web fonts, the web fonts are not rendered. It does not render with the wrong font - the text is completely invisible.
    On other sites, web fonts work just fine, and I cannot understand why some web fonts work and some don't.
    Examples of non-working sites:
    http://blog.mailchimp.com/ (headers shown, article text missing)
    https://www.sbab.se/ (huge top header missing)
    http://onlinepizza.se/ (headers and button texts missing)
    Examples of working sites:
    http://www.google.com/fonts
    http://www.typetester.org/
    On the Network -> Fonts tab in the inspector, no downloads are shown on the broken sites. Is there a font cache that I can delete?
    I have tried uninstalling firefox, deleting all profiles and installing it again. Nothing changes.

    Works fine here on Linux.
    Right-click > "Inspect Element" > Font shows:
    *http://blog.mailchimp.com/ Copyright (C) H&FJ | typography.com (Whitney SSm B) & Copyright (C) H&FJ | typography.com (Whitney SSm A)
    *https://www.sbab.se/ SBABSansStencilBeta-Bold
    *http://onlinepizza.se/Stockholm/ MuseoSans-700
    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.
    *https://support.mozilla.org/kb/Safe+Mode
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
    Reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
    *Hold down the Shift key and left-click the Reload button
    *Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
    *Press "Command + Shift + R" (Mac)

  • All self-hosted web fonts are deleted after update to latest Muse version (2014.3)

    All the self-hosted web fonts are deleted after updating Muse.
    It is necessary to import the self-hosted fonts again and then redefine every paragraph style to make it work again.
    This is an extra hour of work for every site using self-hosted fonts.
    Please make sure to improve this on the next update-release of Adobe Muse.
    Thanks

    Hi Abhishek,
    the site is directly uploaded using MUSE Upload to ftp host. When I open it with ftp client, there is off file of etelkawidemedium in fonts file.
    And I have tried to upload plain webpage with the same web font -  not made in Muse and it works.
    http://www.golfklubk.cz/testwebfont/
    So what should I do?
    The answer from Shaun is little bit complicated for me:)
    Thanks, Elena

  • All photos in portrait format are displayed blurred in the preview mode "fill" of the library. In all other modes e.g. "fit"or "1:2" the photos are sharp. How can I change this, so that the photos are still sharp when displaying them in the mode "fill"?

    All photos in portrait format are displayed blurred in the preview mode "fill" of the library. In all other modes e.g. "fit"or "1:2" the photos are sharp. How can I change this, so that the photos are still sharp when displaying them in the mode "fill"? My Lightroom release is 5.7.1.
    Thanking you in anticipation!

    I'd like to get all these '-1 suffix' files together with their associated Develop adjustments into one folder (if they aren't already) so I can see them in Grid view in the Library module, which I use as my basic starting point for everything else at this early stage of my Lightroom 'career'.
    To see what folder these are stored in, right-click on a photo and select "Go to Folder in Library".
    Advice: if you are going to use Lightroom effectively, you probably want to stop using folders as your method to create a grouping of photos that are already in Lightroom; there are plenty of built-in tools, such as keywords, collections, color labels, etc.
    I don't understand why the search on the entire catalog picked up apparently the same two file versions but also got the Develop adjustments when going to the relevant Folder didn't show the adjustment black squares against each image in Grid view nor were they there when the images were opened in the Develop module.  Perhaps if I understood this, I'd be a bit more confident of moving forward myself.
    These are most likely different versions of the same photo, in different folders. Lightroom stores the edits in its own catalog, and so it knows that one folder's photos have edits, and the other folder's photos do not have edits. Please understand that Lightroom is a database, it knows where the photos are at the time you import them (or add them to the catalog by synchronize), and then if you move things around in your operating system, Lightroom does not know anything about that and problems begin. Thus the advice to organize using Lightroom tools and methods and not operating system tools and methods.

  • The fonts are extra large when viewing mail thru sarfari. I want to reduce them to normal but cant

    The fonts are extra large when viewing mail thru sarfari. I want to reduce them to normal but cant

    My problem is on an iPad 4.
    I also have an iPad 3 that does not have the problem.
    Both iPads have the same iOS

  • Web fonts are not displaying

    Hello -
    For some reason my Firefox install is not displaying web fonts properly - It may have been doing this before the 13 upgrade. Doesn't matter if it's @font-face or Typekit or whatever, it's just goes down the fallback list until it finds one that I have installed on my computer.

    Is downloadable fonts enabled?
    You can check the <b>gfx.downloadable_fonts.enabled</b> pref on the <b>about:config</b> page.
    *http://kb.mozillazine.org/about:config.
    Any errors about loading the font file in the Web Console (Web Developer > Web Console;Shift+Ctrl+K)?
    *https://developer.mozilla.org/en/Tools/Web_Console

  • Embedded fonts are missing characters in display despite having all glyphs...

    Hi,
    As per the subject, I have a vast array of different fonts that I need to load on demand via CSS to SWF.
    For the most part, this works very well. I have around 600 fonts where everything is just fine.
    I also have some problem fonts like the below;
    That is _supposed_ to display;
    "ABCDEFGHIJKLMNOPQRSTUVWXYZ
    abcdefghijklmnopqrstuvwxyz"
    All the glyphs are there, and have been validated using font.hasGlyphs(string) method.
    The font works perfectly in numerous desktop applications
    The font works perfectly when converted to a web font
    Nonetheless, no matter what I try, or what SDK I use, the problem fonts always fail to display on the same characters.
    My guess is, because they are allowing spaces for the characters, that the glyphs and / or metrics are slightly out, but I have absolutely no idea where to begin debugging this and I would welcome any input from anybody who _has_ got an idea!
    Thanks,
    G

    Well, hasGlyphs just says there is data in the slot for that character, not whether the data is any good.
    Essentially,  all embedded fonts are transcoded into a Flash-compatible data format.  Then Flash uses that data format to draw the glyph.  There are 4 data formats that Flash uses, but they fall into two main categories: CFF, and non-CFF.  The transcoding is done via the compiler with help from some font manager libraries listed in the flex-config.xml.  Depending on whether you need CFF or non-CFF, I think different libraries are used.  I've heard you may get slightly different results by messing around with the list of font managers, but I haven't proven it.
    Anyway, first thing I would try is a simple, AS-only test with whatever configuration is failing (CFF or non-CFF).  Then I would try the opposite configuration.  Getting Flex and TLF out of the equation helps narrow down the possibilities.  But it is probably some issue with the transcoding.  Are there other commonalities with the non-working fonts?  Are they all OTF or CFF fonts?
    -Alex

  • Downloaded yosemite and the fonts are blurry and small

    All my menu titles are blurry and look like they have a bold font highlight and they are very small. How do I fix this?

    suzy
    I am sure I speak for everyone here, your fellow users, when I say "I am dying to see a screenshot!"
    (It really might help us to get the 'picture' as it were)
    ÇÇÇ

  • Why am I told that fonts are not available when the file was originally created in Fireworks?

    I get the "Fonts not available" message when I open up a document, i.e. open up a png document in the program/computer/etc. where the program was created in the first place.
    I don't get this. How can the fonts not be available when I'm using the same program that used these fonts originally? Having said that, the appearance doesn't seem to change.

    Are the fonts in question installed on your computer?
    Fonts are not part of a program, fonts are installed on a system. Once installed, a font is available to any program that uses fonts. If you're opening a document that was made in the same program, but on a different system, using fonts you do not have installed, then you will get that message.
    So... Are you opening a document that you created? Are you opening the document on the same system on which the document was created? Have you made any changes to the installed fonts (installed or uninstalled any fonts)?
    What version of Fireworks are you using and what OS are you running it on?

  • Muse web fonts are not showing up in Chrome

    The typekit fonts I'm using in Muse are not showing up in Chrome (Source Sans Pro and Crete Round). I have to refresh the page before they'll show up. They seem to be fine in all other browsers. Not sure what's going on here.... Any ideas? Thanks

    Yes, I think you're correct. According to Typekit, there is a bug in chrome http://blog.typekit.com/2014/02/04/chrome-bug-affecting-web-fonts/

  • Chinese Fonts are coming ZUNK when i do print preview from web UI

    Hello All,
    I have a smartform which includes a standard text which is maintained in Chinese language. This smartform would be called from web UI -> activities -> Fax -> print preview.
    when i do print preview of any activity, everything is coming correct except chinese text, it is coming as zunk characters.
    i have created a standard text ( through Tcode - SO10 ) in CHINESE When i call it in my Smartforms it is displaying like boxes ( garbage ) .
    But when seen in SO10 in Chinese login language the text is maintained properly in Chinese
    Please let me know wat is missed out or is there any settings which should be enabled.
    how would i do  Character set enabled for chinese language?
    Thank You...
    seema
    Edited by: seema rajjot on Sep 21, 2011 5:04 PM

    Hi Sagar,
    Yes that's a problem for Cyrillic fonts , I suppose you are using two action definitions : one for ES and one for EN print.
    For Spanish you have to use a smart style which supports the ISO Cyrillic characters and that will then open up correctly for Spanish users.
    Regards,
    Hasan Rafiq

  • Fonts are Blurry in Windows 8.1...

    There is an issue with DPI settings in windows 8 and the fonts look horrible. Microsoft says to go into the compatibility settings for the app and disable high DPI settings, but it doesn't work well. The fonts become readable again and the edges of objects are better, but the menu items are huge and so is all the text on the menu bars and stuff. This is an unacceptable problem. Does anyone have a solution? I'm really getting frustrated, but no one seems to know how to fix this.

    You can set the <b>layout.css.devPixelsPerPx</b> pref on the <b>about:config</b> page to 1.0
    You can adjust layout.css.devPixelsPerPx starting from 1.0 in 0.1 or 0.05 steps (1.1 or 0.9) to make icons show correctly.
    You can open the <b>about:config</b> page via the location/address bar.
    You can accept the warning and click "I'll be careful" to continue.
    *http://kb.mozillazine.org/about:config
    Use an extension to adjust the text size in the user interface and the page zoom in the browser window.
    You can look at this extension to adjust the font size for the user interface.
    *Theme Font & Size Changer: https://addons.mozilla.org/firefox/addon/theme-font-size-changer/
    You can look at the Default FullZoom Level or NoScript extension if web pages need to be adjusted after changing layout.css.devPixelsPerPx.
    *Default FullZoom Level: https://addons.mozilla.org/firefox/addon/default-fullzoom-level/
    *NoSquint: https://addons.mozilla.org/firefox/addon/nosquint/
    You can try to disable hardware acceleration in Firefox.
    *Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
    You need to close and restart Firefox after toggling this setting.
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
    *https://support.mozilla.org/kb/upgrade-graphics-drivers-use-hardware-acceleration

  • New Monitor - Menu fonts are blurry with balck background

    I just installed a new monitor (Compaq 20" LCD). When in Firefox, the menu fonts in the upper right hand corner of the screen have a black background and the the lettering appears fuzzy. When I float my cursor over them they highlight in blue (as that should) and are nice and clear. This is only in Firefox - the whole screen is crystal clear when using any other program.

    Thanks michael. You are right. The fonts in the image file I posted looks good compared to my original monitor screen for some wierd reason. I went through all the steps that you mentioned. BUT I think I have found the solution now. This is what I did: I downloaded 'Tinker Tool' > font smoothing> changed font smoothing style to 'Strong'. This seems to have sorted the problem out. I have posted both images for comparison below.
    Before:
    After:
    Thanks again Michael for your support.

  • Fonts are Blurry

    Hello All,
    just a quick question.
    when i burn a quicktime file out of DVD studio Pro.
    the fonts look really blurry.
    is there anyway to fix that?
    thanks so much

    Actually 860x480 would be the correct square-pixel equivalent for widescreen. Usually exporting from after effects provides a pretty clean-looking result. What does the exported file look like in QT Player?
    I would also probably work in AE at 720x480 and turn on the pixel aspect ratio correction. Also try taking your 720x480 export and running it through Compressor first to create your mpeg. There may be something weird going on between the encoder in DVDSP and the scaling it must do to re-process your non-standar frame size. You might also try just taking your existing export from AE and endcode it with compressor with frame controls turned on to the max quality for resizing.
    Hope this helps -
    Max Average

Maybe you are looking for