Text size issue question

User 106872 Photo


Registered User
92 posts

I'm working on a page that has several paragraphs of text. The style for the text is correct as is the size but in the layout screen for VSD there appears to be more line spacing than in the final preview. This results in a text box in the design window 3 lines longer in line spacing that the "preview in Browser". The bounding box on the left and right don't effect the text just the spacing between lines need to be accounted for.
If there is a work around or if I've missed something please let me know. Wyndham

Edit: the spacing between letters and words is also affected.
User 106872 Photo


Registered User
92 posts

I forgot to include the computer specs. Athlon single core 1.7 w 1 gig mem
I have recently upgraded to win XP sp2 and the build for VSD 7 is 24
The page size is 800x600 that I'm working on.

The style is
.textstyle3 {font-family:Candara;font-weight:bold;font-style:normal;font-size:15px;text-decoration:none;color:#804040;}
the text itself is

<div class="Object11"><span class="textstyle3">Village Pottery of Seagrove is
the oldest and most well
represented Gallery in
Seagrove.<br>
Just 3 Doors down from the
Traffic light on Main Street (
Hiway 705) in the heart of
Historic Seagrove, the Pottery
Center of the USA.<br>
We represent over a 100 Pottery
Crafts People carrying on a
tradition of fine hand made
pottery that has made
Seagrove famous for over 150
years.<br>

Our Potters use the highest
quality clays and glaze material
available and all of our vessels
are made for daily use and are
fully food safe for serving and
baking<br>
</span></div>

Which is the code VSD produced.

This also brings me to the question about the size and type of font, does the font chosen have to match the code font for compatibility.
Since I'm not on the forums every day I may have missed this discussion on font size and type.
Thanks for any help, Wyndham
User 271657 Photo


Ambassador
3,816 posts

Wyndham, viewers that don't have Candara on their computers will see whatever their default font is. It may have a different 'footprint' than Candara (wider, taller, shorter... letters), so the text could look very different from what you see.
On your own computer, the font will be there, but how the actual text is displayed will not be the same in every browser. I try to leave some space around (and between) paragraphs then view in Firefox. If it looks good in FF, it's usually the same in Chrome, Safari and Opera. Then there's Internet Explorer :( which is where it usually gets scrambled. So I mess with it to get it passable in IE without making it look weird in the other browsers. It seems to me that some pixel sizes work better than others - maybe try one size smaller or larger and see what happens.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 106872 Photo


Registered User
92 posts

I may not have explained the problem as well as I should have. The text I typed in,in the text box in the design window of VSD is larger than the resulting text in the preview browser window because VSD does not use the selected font, font size and letter spacing that the pull down text box (Candara , 15 px) calls for. The result is a text box that is larger in the design view of VSD by about 40 or so pixels.
If the design page text box uses 200x415 px to hold the text the preview, using the correct font and font size correctly uses 200 x 375px.
This becomes an issue when I create a background box with a darker background to set apart, visually the text box. the design screen shows the text outside the background box but the preview in browser shows it correctly inside the background box.
The problem come when i try to design a page with different text boxes that look like they over lap on the design window.
If VSD used the correct font and size and letter spacing in the design, there would be no problem. I can't tell if it's just the letter spacing that causes this expanded use of space or if it is also the font & font size used.
It may be a case of "Get over it" and do the best you can or it might be fixable.
Clicking on the advance text option allows me to push the text into the proper box but it no longer has the font characteristics I choose earlier.
I think Scott said earlier on another thread that this build 24 is about as far as they can go, if so, I can live with it but it's up to them I guess.
I'm not frustrated or bothered, just want to know if this is the limitation I have to work in.
Wyndham
User 422767 Photo


Registered User
259 posts

VSD renders font differently than some browsers - that's just something we have to live with for now.
Aren't you a little short for a Storm Trooper?
User 271657 Photo


Ambassador
3,816 posts

I'm not sure I understand what's going on then - you choose a font/size within VSD and the preview displays something different? What about in an actual browser rather than the preview? What does "if VSD used the correct font..." mean? Do you have a link to a page so we could see what's going on?
Can I stop asking so many questions :lol:

As for text over an object, just as with text alone, not all browsers will display everything the same way:
http://en.wikipedia.org/wiki/Internet_E … _model_bug

And within VSD, it's best not to have text boxes overlapping other text or images:
http://www.coffeecup.com/help/articles/ … -designer/
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 629005 Photo


Ambassador
2,174 posts

Personally, I rarely count on the "Built in preview"... I'd MUCH rather take the few extra steps, and few more seconds to check it with a true browser. And as long as it looks good there, I'm happy :D

Yes, I know, the "Built in preview" is supposed to be... whatever browser it is (?). But to me, when you open a program within a program, you take a risk that it won't be precise.
Living the dream, stocking the cream :D
User 364143 Photo


Guest
5,410 posts

I agree. You should use FF for quick peeks anyway, not IE. Using a built-in viewer can leave you surprised in the end. What might look good in the viewer or IE may look awful in every other browser.
CoffeeCup... Yeah, they are the best!
User 187934 Photo


Senior Advisor
20,271 posts

Me to. Previewer is fine but I still catch my errors when I look at it in a browser.
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 106872 Photo


Registered User
92 posts

Good morning folks, glad to see a few folks jumping in.
I misspoke a bit in that I do preview in FF3.6
The problem is not in the preview page in ff in as much as it previews the correct font font size and letter kerning(spacing)

The problem or issue really in in the web page design screen in VSD.
Now as an extreme example think of it this way that the text box in VSD types out 16 point text with line spacing 1.5 lines apart and t h e l e t t e r s a r e s p a c e d w i d e a s t h i s e x a m p l e
You could see that in laying out a text box the room it takes up is far greater than needed and if it were in a vertical you would have a longer text box than you want, BUT...... In preview it was back to the correct font and font size and the box was shorter by 3 lines

The only thing I've thought of is to make a list of the fonts that VSD shows on the design page that reproduce the same on the web page.
I have not uploaded this to a site yet for others to view.

Anyway I can figure out something but thought it was enough of an issue to let others see what I see.
Thanks Wyndham

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.