Open Sans (Typekit font) rendering incorrectly in browsers causing unwanted paragraph reflowing

We use Open Sans throughout our website. I have it set up in Muse how I want it, but when exporting to FTP I'm getting a lot of text reflowing. Muse seems to be increasing word spacing on export, enough that even over a short 5 line paragraph of around 50 words reflows by 3 or 4 words onto the next line, which is messing up my spacing. The font itself also looks a lot thinner in Google Chrome than the same page in Internet Explorer, almost enough to look like the Thin variant. Can someone from Adobe please look into this? Because what I'm seeing in Muse is definitely not what I'm getting in the browser.
Muse:
Chrome:
Internet Explorer:
EDIT* Actually now I've put those images above each other it looks like Muse is also changing the column width on export.

eliz926 wrote:
please believe me that i've searched without success in finding a resolution for this problem.
for Right-Aligned Spry Horizontal Menu bar, IE8 incorrectly renders it on the left after prompting for running scripts or ActiveX controls.
here's the css file: THE ONLY THING CHANGED WAS THE FLOAT DIRECTION in ul.MenuBarHorizontal li (left to right)
.... so what am i missing in getting a horizontal spry menu on the right side of page?
When you right float the container (LI) for each menu item, some browsers will do exactly that, float the first menu item to the right, place the second menu item left to that and so forth. Other browsers (IE) will not react to a right float of the container (LI).
The only way to right float the complete menubar is to use the complete container (UL). As with any float, the width has to be specified.
Hence in your case,
change ul.MenuBarHorizontal li back to left float
add a width (32em) and a right float to ul.MenuBarHorizontal
Gramps

Similar Messages

Fonts rendering incorrectly since update to Firefox 13.0.1

Since I updated to Firefox 13.0.1, any website using the Helvetica Neue font is rendering an outline font instead. I do have this font installed on my computer, and cannot uninstall it as I am a graphic designer and I use it all the time. Any change we can get a fix on this?
I just pasted one example, but even this page is doing it: https://support.mozilla.org/en-US/questions/new/desktop/d1/form?search=Fonts+rendering+incorrectly+since+update+to+Firefox+13.0.1. I also know Pinterest does it.

There may be a problem with the Helvetica Neue font if Firefox is using another font instead.
You can do a font test to see if you can identify corrupted font(s).
*http://browserspy.dk/fonts-flash.php?detail=1
You can use this extension to see which fonts are used for selected text.
*fontinfo: https://addons.mozilla.org/firefox/addon/fontinfo/

Open Sans Condensed not rendering right

Hi community
I'm building a website using (partially) Google webfont 'Open Sans Condensed'. Also my website is in Greek.
In Chrome and Firefox the font is rendered correctly, in Safari it's not rendered at all.
On the iPad & iPhone (tested in Chrome & Safari) it only renders the latin characters right, the greek are not.
Any ideas???
Here's what it looks like:

UPDATE on the issue!!!
Several people with similar issues (in other forums) recommended this:
"If 'Open Sans Condensed' is installed on the computer, disable it in Font Book. Should solve the problem."
Result:
In fact it does effect the come out, but doesn't solve the problem!!!
Now Safari (desktop) renders the font the same way as the iPad (only latin characters are right) Greek is still not working.
I couldn't expect the visitors of my website to NOT have the font installed, also this solution wouldn't work on iPad anyway.
Any other suggestions?

Not all Typekit Fonts available in Muse?

Hello,
it seems that not all the fonts that are available in Typekit can be used in muse... has anyone a suggestion?

Hi grafiklieschen,
Abhishek is correct: you can only use and preview the free and open-source Typekit fonts in Muse. The full Typekit library isn't included in the font menu.
You can still use Typekit on your website, though; the fonts just won't show up in the Muse preview. The Muse Insider wrote a post on how to insert the Typekit embed code from the Muse interface:
http://museinsider.com/how-to-add-typekit-fonts-to-your-muse-site.html
Or you can add the embed code to the Page Properties dialog within Muse, which will include it in the <head> of the page when you export your website.
We hope to have a more complete integration of Typekit with Muse in the future, but I can't say yet when that will be available.
I hope that this helps! Best,
-- liz

Typekit fonts availability

Hi, I just downloaded Adobe Muse final version and updated the website I've been working on in which I've been integrating Typekit fonts manually… Exciting move forward and ability to use my fonts easily!
BUT THEN I couldn't find my fonts in the menu! Are all Typekit fonts supposed to be available in Muse?
I have a Portfolio plan and the fonts I need to use are Proxima Nova Alt and Brandon Grotesque.
Thanks for helping me with that, can't wait to see everything fit into place!
EDIT: Here's Typekit answer to this. (HINT: bad news)
Currently Muse only has the free and open-source Typekit fonts available in it. In the future there will be kit integration, so that you have access to all the fonts in your Typekit plan.
Maybe someone from Adobe could tell me how long we have to wait for that…

Dani - thank you again for your quick and clear responses to my not always clear questions - You have been correct in all your assumptions.
Also I'd like to say you strike the perfect balance between representing Adobe and seeing it from the customers view - not just in your responses here but in your Jam sessions and demos.
New Question 1: If I download and pay for Proxima from a paid font library (or any matching desktop version to its typekit brother), can I use this desktop version in Muse for the 'design' phase. Then implement the museinsider.com work-around at publish stage to give me a WYSIWYG experience?
Am i right in assuming they'd need to be opentype or true type? Assume postscript won't work in Muse?
New Question 2): Yeah excited by the Max announcement of accompanying desktop versions. It quite literally took the request and absolute glaring need out my mouth/keyboard. I realise it is not due for release til June and details may be vague but do you have any knowledge whether this would likely be just the free typekit fonts or include some edge/paid fonts? If Adobe include edge fonts/aka paid - or atleast discount - to CC members, this would be a truly truly significant benefit to being a CC subscriber, and surely convert traditional adobe subscribers to CC members!?
Just response to previous:
(don't feel obliged to repsond specifically to this! ;-)
Have to say I was confused with the free and paid reference.
Thanks for the Edge being aka paid tip too. As a Creative Cloud member paid seemed not to apply to me because I get the portfolio typekit pack as part of my CC membership at no extra cost. As Typekit is now owned by Adobe - I, I think quite understably, assumed they would simply be available to me in the same way the free fonts are. No need to explain here - I am not having a go at you at all I 'feel your pain' in replying to the same problem - and understand their are technical and legal reasons. With over 15 years in the industry I really do know (and feel the pain of) font legalities. However in light this original post was a year ago it does feel a bit irksome.
I realise in the aquisition or merging of a company there is a pain barrier - but as a customer I don't want to feel that pain!
Adobe please throw your weight money and effort at this. If you see the Adobe logo on a product you expect an intergrated experience. As it currently stands it is a serious draw back to its core market: professional designers who have previously mocked up in Indesign, Illustrator Photoshop and passed to a developer.
Oh no. I've become one of those people that moan on forums! Sorry. It's becuase I really care about this and am speaking to someone who can hopefully make a difference or atleast voice this serious need.
I am super excited by Adobe's developments, have been to a few seminars and am a champion of Adobe products I really see Muse as a very serious solution to some web projects for non coding designers, which is why I have taken the time - unusually for me - to blither on here!
Thank you for the Adobe Edge Fonts Preview page tip also.
Rich

Typekit fonts not loading in Muse

Hi, I purchased a Creative Cloud Annual Plan and I can't use the Add Web Fonts dialog box within Muse. I run it on a Win XP pro 64bit SP2, Muse working properly if not for that function.. Dialog box appear but no command is clickable and error is prompted reading "Could not load web font previews. Check your network connection and try again". Same connection, same sw, on a different pc (win xp sp3) works fine. I searching Adobe kb, faqs and other unsuccesfully finding any hint. Could you please let me know how to fix it?

Hi,
Currently, you can only use and preview the free and open-source Typekit fonts in Muse. In the future there will be kit integration, so that you have access to all the fonts in your Typekit plan.
You can still use Typekit on your website, though; the fonts just won't show up in the Muse preview. The Muse Insider wrote a post on how to insert the Typekit embed code from the Muse interface:
http://museinsider.com/how-to-add-typekit-fonts-to-your-muse-site.html
Or, if you are comfortable editing HTML, you can add the embed code to the <head> tag in your site manually. You can find the embed code by logging into https://typekit.com, launching your Kit Editor, and clicking the "embed code" link at the top right.
If you have any further questions, feel free to contact us directly here: [email protected]
Cheers,
Ben

Typekit fonts in Muse

Hi All,
I am specifically looking to use Brroadway font for a project and I signed up for Typekit and pasted the code
into my page properties HTML for head. How do I get the font to show up in the font selections? This is not one of the
Muse "free" fonts. Is this possible to do. I just need mostly for headline purposes. Any suggestions please Thanks for your help!

Hi redjackrabbit,
Currently, you can only use and preview the free and open-source Typekit fonts in Muse.
If you're comfortable with a little HTML/CSS, the Muse Insider wrote a post on how to insert the Typekit embed code from the Muse interface:
http://museinsider.com/how-to-add-typekit-fonts-to-your-muse-site.html
Or you can add the embed code to the Page Properties dialog within Muse, which will include it in the <head> of the page when you export your website.
However, we do see the value of being able to design in Muse with all the fonts in your Typekit library. This will require a deeper integration between Typekit & Muse. I'll give the team a nudge in this direction for you.
Let me know if you have any further questions and thanks for your patience.
Cheers,
Benjamin

Typekit font missing

Hi,
I font a nice looking font in Typekit that is both available as Desktop and Webfont.
I have used it in an Indesign project and wanted to use it in Muse, to be consistent (I choose that font because it was available for both)
But when I want to use the webfont in muse it does not exist?
Can someone tell me why?
I now have to use it in Muse as a System Font, that saves all my text as images, why can't I use the webfont?
Kind Regards,
Jonas Christoffersen

Hi Jonas,
I'm sorry you ran into trouble here. Currently, you can only use and preview the free and open-source Typekit fonts in Muse.
If you're comfortable with a little HTML/CSS, the Muse Insider wrote a post on how to insert the Typekit embed code from the Muse interface:
http://museinsider.com/how-to-add-typekit-fonts-to-your-muse-site.html
Or you can add the embed code to the Page Properties dialog within Muse, which will include it in the <head> of the page when you export your website.
However, we do see the value of being able to design in Muse with all the fonts in your Typekit library. This will require a deeper integration between Typekit & Muse. I'll give the team a nudge in this direction for you.
Let me know if you have any further questions and thanks for your patience.
Cheers,
Benjamin

Since upgrading to Firefox 33, The open sans font did not display correctly when specified by a website.

Some of the vertical lines in the fonts are double width like a mixture of bold and normal font weight. I have hardware accellaration disabled. The problem is not fixed when I change default font settings. The problem is not resolved be resetting zoom to 0.
Inspect Element identifies the problem happens when the website selects open Sans. If I stop sites selecting fonts and force the defaults I don not get the problem. Therefore the problem is with Firefox 33.1 rendering certain fonts specified by websites.
My machine is windows vista and Open Sans is not shown in the font list. However this was not a problem with previous versions of Firefox.
I did need to do a reset of firefox parameters during the upgrade to 33 so maybe ther eis some other parameter which needs changing to help render fonts which are not loaded on the machine?

Here is a screenshot:

Firefox 4.0b1 and b2 rendering incorrect weight of some fonts

Firefox 4.0b1 and b2 rendering incorrect weight of some fonts
The first thing I had noticed when I upgraded from FF 3.6 to 4 beta 1 was that Firefox was incorrectly rendering fonts as bold. After some digging I found out that it was the font-family:"helvetica neue" line in the css file that was causing the ugly bolded font (black weight, actually). After editing the css to "Helvetica 55 Roman", the font displays okay.
Example site: https://addons.mozilla.org/en-US/firefox/?browse=featured
The thing happens in the very mozilla addons site.
Also have noticed that the same bug occurs on different fonts, where the font name in css is specified in alternative namings, as in "나눔 고딕" for NanumGothic (korean font).
The bug didn't seem to have fixed in beta 2, nor could I find any other thread/document on the web with the same problem. I doubt it's my own problem, since it worked just fine in older versions and I have the very same font files installed since the start.
Screenshot: http://i25.tinypic.com/zy9co2.jpg
== This happened ==
Every time Firefox opened
== Open certain websites with css font-family:"helvetica neue" in the stylesheets

I sympathize with you all, and I spotted Kimatg at the Bugzilla forums. My Firefox 3 is all right with Helvetica and Neue Helvetica in PostScript, TrueType and OpenType. However, my Firefox 4 Beta 7 through 9 goes nuts.
Compared to the situations above, all I can say is: at least you are getting your pages in the right font family or even in the right typeface. Attached are some pages in Helvetica that my Betas are showing. They don’t even come close to ''a typeface'', let alone Helvetica.
It’s not just Helvetica. Our in-house Arial substitute, Lucire, is also displaying oddly on some pages unless the font is embedded.
Cor-el, I know you are one of the most helpful folks here, and I thank you for your continued generosity. I have to make one correction to your statement: PostScript on Windows generally does not have a bitmap component, unlike on a Mac where it had suitcases. So all these fonts are vector-based.
It shouldn’t make a difference to Firefox’s rasterizer anyway, but, for some reason, on 4 Beta, it does.

Disable every single web fonts in adobe muse and prevent it from loading open-sans:n3:all.js

I'm using Adobe Muse 2014.2 to build a Chinese site. The audience of the site is mainly people in mainland china, and I'm using a server from Hong Kong. Recently I just tested the site, however, it was loading extremely slow. In the end I found out that the cause of the slow loading was due to a file called "open-sans:n3:all.js" that was loaded from adobe webfonts.
Because a lot of sites are blocked in China, I think that Adobe Web Fonts (or typekit) is also blocked thus can't be loaded properly, causing the entire site to slow down.
Is there a way to disable all the webfonts in Muse and to prevent my site from loading this file?
Or is there a way I can host this file on my own server?
Thanks in advance.

This was a snapshot that my friend in China sent to me. You can see that the open-sans:n3:all.js is taking extremely long to load.
Yet the funny thing is that I did not use any web fonts in my site. However Muse is still adding it in the code for some reason.

How do I use a variation of the font family OPEN SANS in Adobe Edge Web Font?

How do I use a variation of the font family OPEN SANS in Adobe Edge Web Font?
ex:
<scriptsrc="//use.edgefonts.net/open-sans-condensed:n3,i3,n7:all;open-sans:n3,i3,n4,i4,n6, i6,n7,i7,n8,i8:all.js">
How do I use the i3 variation in css?
My css looks like this: font: 16px 'open-sans-condensed';

Thank you.
But I want to use the [i3] variation font.
<scriptsrc="//use.edgefonts.net/open-sans-condensed:n3,i3,n7:all;open-sans:n3,i3,n4,i4,n6, i6,n7,i7,n8,i8:all.js">
Would look like?
CSS Selector {
font-family: open-sans-condensed:i3, sans-serif;
font-size: 16px;

Why do I have to Sign Out in Creative Cloud then Sign back in everytime I open InDesign or any other CC program for that matter to view my previously loaded TypeKit fonts?

Why do I have to Sign Out in Creative Cloud then Sign back in everytime I open InDesign or any other CC program for that matter to view my previously loaded TypeKit fonts?

Hi Denise, It seems that your machine is not holding up the activation. Kindly try to following steps.
https://helpx.adobe.com/creative-cloud/kb/sign-in-out-creative-cloud-desktop-app.html
https://helpx.adobe.com/x-productkb/policy-pricing/activation-network-issues.html
Try to create a new admin account and check if the products are activated or not.
We would be waiting for your response.
Thanks,
Atul Saini

I Use Open Sans - Web Safe Font And The Text Turns Into An Image. Why?

When I use Open Sans the text becomes an image and when I use Arial it is text. How do I save Open Sans as text?

Open Sans is available as an Edge Web font.
Which section of the Font menu did you select Open Sans from? If it was selected from the "System Fonts" section of the font menu then it will output as an image. To use the Web Font version, click "Add Web Fonts..." in the font menu then choose "Open Sans" from the available Edge Web Fonts.

Typekit fonts are not working after updating to Muse CC 2014

I had updated to Adobe Muse CC 2014 just recently. The first few times I used it on my muse file, it was fine. This morning when I opened the file, the text boxes using Typekit fonts blew out of proportion. I have not edited the file at all, just opened it. My site is a mess. Any idea what happened? The font I am using is Source Sans Pro.
My live site is here: www.goodseed.com
But see how it looks now in Muse:

Hi,
Please see Re: Source Sans Pro not displaying in 'Design' mode
Thanks,
Abhishek

Open Sans (Typekit font) rendering incorrectly in browsers causing unwanted paragraph reflowing

Similar Messages

Maybe you are looking for