Fonts Not Displaying Correctly on...

User 1947664 Photo


Registered User
23 posts

Hi everyone,

For some reason some of my page's fonts are not displaying correctly in Firefox. These same pages are fine in Explorer, Chrome, and Safari. I have also checked on 2 computers with the same results.

The fonts being used are nothing special, they are Arial and Verdana. So I do not know what the problem could be? The pages look like the text is all bold and none of the titles and headings are displaying with the correct size. Paragraph formatting overlaps other paragraphs as well. The pages look garbled...

These pages used to look fine as well. So maybe something with the recent VSD update? I'm on 7.0.11. I have also tried to manually re-format these pages.

Here are a few of the pages:

http://www.gamesounddesign.com/Defining … cters.html

http://www.gamesounddesign.com/Breaking … ustry.html

This page has the formatting set to Verdana in VSD... but it looks like it's showing as Arial in Firefox..

http://www.gamesounddesign.com/Articles.html

Any ideas?

Thanks a lot.
User 103173 Photo


VP of Software Development
0 posts

The issue here is your page has a lot of breaks and new paragraphs tags riddled throughout the page. You will need to clear these up and it should fix your problem. There are also other strange characters inside some of the paragraphs of text. Did you paste this text from MS Word or another word processor?

Please see this article on how you should be adding text objects to your page:

http://www.coffeecup.com/help/articles/ … -designer/


http://www.coffeecup.com/files/forums/omg-vsd-brs.png
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

George, I looked at your code and it looks like you doing multiple returns to space your text in your text box's. Try taking those out and making separate text box's to go around objects and elements in your page. This should fix some of what's happening.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 1947664 Photo


Registered User
23 posts

Hi Scott,

Thanks for the info. However, I do add text into it's own box. Yes, I cut and pasted the text from Word... but I have done that in the past and it always looked fine. These pages also used to look fine... this is a new issue. I have not updated these pages in a year.

How would you suggest I remove the extra breaks and paragraph tags from within VSD? What is the best way around this?

The other interesting thing is the navigation at the top of the page. Each of these are their own text boxes copied from page to page. But they display correctly in other pages.

Thanks again.
User 103173 Photo


VP of Software Development
0 posts

You will need to stop pasting from Word to prevent that from happening any further. When you paste from a word processor you are going to bring along a lot of hidden characters. Also you are hitting the return key when you get to the end of the line. You should instead re-size the text box so the text automatically wraps. You can see instructions on that article I pasted in.

Right now the easiest way to fix that is to delete all the text boxes and re-add them to clear them up.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 1947664 Photo


Registered User
23 posts

Oh and another thing... what about the font issue? Text spacing aside, what would account for the font looking completely different in different browsers? Font style and size is completely messed up. Again, these pages used to look fine and I created them no differently than any others on the site.

Thanks again for any ideas and help.
User 103173 Photo


VP of Software Development
0 posts

George Spanos wrote:
Oh and another thing... what about the font issue? Text spacing aside, what would account for the font looking completely different in different browsers? Font style and size is completely messed up. Again, these pages used to look fine and I created them no differently than any others on the site.

Thanks again for any ideas and help.

We can look into that issue after you fix the text problems. Right now it is difficult to say with these issues still on your page.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 1947664 Photo


Registered User
23 posts

Ok, I fixed the text boxes on this page:

http://gamesounddesign.com/Breaking-Int … ustry.html

But the font style and size issue persists. If you look at the text style for the "Breaking Into The Game Industry" title you will see this:

textstyle5 {font-family:Verdana;font-weight:bold;font-style:normal;font-size:14pt;text-decoration:none;color:#004080;}

If you look at the text style for the body text you will see this:

textstyle0 {font-family:Verdana;font-weight:normal;font-style:normal;font-size:10pt;text-decoration:none;color:#000000;}

Now, the weight for the title is bold, but it shouldn't be for the rest of the text. However, you can see that all text on the page is bold for some reason, even though it shouldn't be.

Also, the font size for the title is 14pt... but the rest of the body text is 10pt... but the size looks the same to me.

Any ideas?

Thanks again.



User 103173 Photo


VP of Software Development
0 posts

George Spanos wrote:
Ok, I fixed the text boxes on this page:

http://gamesounddesign.com/Breaking-Int … ustry.html

But the font style and size issue persists. If you look at the text style for the "Breaking Into The Game Industry" title you will see this:

textstyle5 {font-family:Verdana;font-weight:bold;font-style:normal;font-size:14pt;text-decoration:none;color:#004080;}

If you look at the text style for the body text you will see this:

textstyle0 {font-family:Verdana;font-weight:normal;font-style:normal;font-size:10pt;text-decoration:none;color:#000000;}

Now, the weight for the title is bold, but it shouldn't be for the rest of the text. However, you can see that all text on the page is bold for some reason, even though it shouldn't be.

Also, the font size for the title is 14pt... but the rest of the body text is 10pt... but the size looks the same to me.

Any ideas?

Thanks again.




There are still loads of text issues on that page. You should really install Firebug so you can see this. There is also a bold tag on one of your paragraphs.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 1947664 Photo


Registered User
23 posts

Ok, thanks for the tip on Firebug.

But, I re-typed the article title "Breaking Into The Game Industry" in it's own box and the issue persists. Why is the font size and weight being overriden?

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.