Careful with not supported fonts -...

User 2435719 Photo


Registered User
13 posts

I have a comment and a question

I have noticed that I should be careful when using fancy fonts with Visual Site Designer which only reside in my computer. When my page is published, and if the other person's browser (Computer)doesn't support that font, it will display a standard font instead and probaly a larger size font which probalby will overlap into another text around the page. (I have seen some pages made with VSD showing that issue).

Question: From VSD, If I want a fancy font to show on the web (For example a Logo), how can I convert that fancy font into a graphic so it will show on anybody's browser ?

Do I need to separatly convert that font into a graphic using Photoshop for example ? It can be made within Visual Site Designer ?

thank you
User 187934 Photo


Senior Advisor
20,271 posts

On your object properties box check the "Allow advanced text". This will turn your text into an image showing perfect on all machines.:)
Or you can do this.
http://progrower.coffeecup.com/customfonts.html
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 38401 Photo


Senior Advisor
10,951 posts

Hiya Jaime,

First let me mention that this is not a VSD issue, this is an internet issue. Anytime a non standard font is used, and not provided (not sure how that works myself) to the site viewer it will always display a default font no matter how the website is built. Just so you know that's nothing to do with VSD itself.

Other than that, I believe you can convert it within VSD by using the Advanced Text options in the program. I don't use VSD, but this article may help on how to use that feature. Good Luck :)
http://www.coffeecup.com/help/articles/ … ale=en#Ch4
User 2435719 Photo


Registered User
13 posts

Thank you for your help. I didn't meant to blame VSD for this issue. I guess the same will happen if I write a page with Dreamwaver or plain HTML using a non standard font.

However as I mentioned, I have seen pages created with VSD, in which if the creator has not too much web developing experience, it will overlook this issue.

I will follow the tutorials you have sent me. I already did a prototype page for my granddaughter using VSD and it looks fantastic:

http://www.designsbysofi.com/
User 539803 Photo


Registered User
2,156 posts

once you have used the advanced text to convert your font into an image, you can then add alternative text to make it google friendly.

Another option is to place an oblong blank object, using the object tool, and type in the text as button text , this does not solve the font issue, but it does resolve some spacing issues you may come across.
Started using CC VSD in January 2009, I don't do HTML code, Sales from CC site exceeding expectations taken me out of semi-retirement
Hosted FREE on CC S DRIVE www.chauffeurdrivenluxurycars.co.uk
My new VSD & SCCP site Oct 2011 www.deloreanjewellery.co.uk
My friendly window cleaner www.mwcwindowcleaner.co.uk

User 271657 Photo


Ambassador
3,816 posts

For logos containing text or headings, I would create them in Photoshop (or similar), then save as a PNG file. Keep the original Photoshop version on hand in case you need different sizes or other edits.
I've noticed with larger font sizes in Advanced Text, they can "deteriorate" after the page has been saved several times. Also, you'll have more options with your fonts when using another program (letter spacing, line height...).
And, as mentioned above, you can add alt text to your image within VSD.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 464893 Photo


Ambassador
1,611 posts

Jaime come and join our community you start receiving help and end up giving it. Success is very satisfying.
Paintbrush
you can add alt text to your image within VSD.
Please explain sounds interesting, Is it done as a layer or what.
The Guy from OZ


User 187934 Photo


Senior Advisor
20,271 posts

When you select Allow advanced text on the object properties box the alternate text entry will become available at the bottom of the object properties box.:)
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 1870233 Photo


Registered User
4 posts

When using the alt. text, do you type in the actual text in an alternative font or not? I would like a specific example, please. Also, if by using the "Alllow Advanced Text" the text is turned into an image, won't that considerably slow down the page loading time, especially if there are several other images on the page?

It would seem to me after reading several questions dealing with this same subject that we need a more complete and thorough discussion on using "Allow Advanced Text" and alternate text with specific examples.
User 187934 Photo


Senior Advisor
20,271 posts

Gary Norman wrote:
When using the alt. text, do you type in the actual text in an alternative font or not?

No, Your typing text for users that don't have access to your images so they get the same information as everybody else. Ever wonder how a blind person can surf the web?:)

Gary Norman wrote:
I would like a specific example, please.

Your best example is right at your finger tips. Type in some alternate text and publish.:)

Gary Norman wrote:
Also, if by using the "Alllow Advanced Text" the text is turned into an image, won't that considerably slow down the page loading time, especially if there are several other images on the page?

This all depends on how much you use it. Like all things in life moderation is the best policy. After all you can also have to much text on a page.:)

Gary Norman wrote:
It would seem to me after reading several questions dealing with this same subject that we need a more complete and thorough discussion on using "Allow Advanced Text" and alternate text with specific examples.

We'll keep this thread going as long as necessary.:cool:
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

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.