NFN Webpage Storyboard Application Tips
Tips to get more out of your NFN Webpage StoryBoards
StoryBoard's Frequently Asked Questions here!!

Limit Live View  
Private Page  
Navigation Color  
HTML code  
SB Integration  
Colors Galore  
Email Notify  
Show The Date  
Calendar Turn On  
Hit Chart  
Pix Chart  
Button Menu  
Cut and Paste tip  
Page Hits  

SB Home 
NFN Home 

Understanding the StoryBoard Font controls:

First a few basics:
Font displays in a web page are governed by the code of your web page.  Unfortunately, this can get complicated if you want tight control of the Font look AND wide visitor browser version capability.   This is where the NFN Webpage StoryBoard Wizard can make your page projects much easier, but there are still a couple things that you need to keep in mind.  Font control includes font type, font color, and font size selections.

The most important thing is to remember that font styles are not part of a webpage themselves.  The font type resides on the visitor's local computer and it is these local computer font types that are used to display the page in a browser.  If your StoryBoard web page calls for a special font AND the font is NOT available (ie, installed) on the visitor's computer system, your page will NOT display with your desired font type.  The visitor browser's default font type will be used instead.   Therefor, in the construction of your web site, you should not use fonts that are not commonly found on people's local systems IF you want the web site visitor to see your pages as you intended them to display.

Some widely installed fonts are, Helvetica, Arial, Times New Roman and Verdana.  These are good choices.  Most web browsers have one of these as a default font. 

When constructing the StoryBoard header and the footer, fonts are controlled by a limited and simple drop down selection listing a few common font types.  If your web selection contains multiple font styles, the visitor's browser will use the first style it finds that is installed and present on the visitor's computer.

When using the WYSIWYG Body section edit window, highlighting the text and right clicking on it will reveal a menu that has 'Font' as one of the choices.  The font types displayed will be all the fonts on YOUR system.  Selecting some obscure font that others may not have will result in your page not displaying the way you intended, even though it looks correct when YOU look at it.  For example, if you select your text to be in font style 'xyz' and then later a visitor comes to your site and looks at your page but does not already have font 'xyz' on their system, then they will see your page text displayed using some other font -- probably the font that their computer's browser will default to, usually 'Times New Roman' for Windows based systems and Helvetica for Apple type systems.  This can vary depending on how the visitor has individually set their browser preferences.

By StoryBoard design, if you have no font control selected by the WYSIWYG right clicking process described above, the whole page will default to the font selected by the boxes immediately below the WYSIWYG window.  Default is 'Helvetica,Verdana,Arial', 'size 2', 'color black'.  As soon as ANY font is right click selected for any WYSIWYG text, then that text will have that font, not the overall font selection in the drop down boxes.  Think of it as an umbrella like behavior, with the drop down box font controlling the font selection for all the text in your web page except for your specific WYSIWYG edit window right click selected text font. 

In summary, keep your font style selection basic, with an awareness of what font styles your audience will most likely have on their system.

Font control can liven up your page look.  Try different colors and sizes via the WYSIWYG window right click font selection option.  Your web page will never be boring to look at again!!

Top of this page    Search this web siteSearch this site     Print Total page    Print Main Text only ?
StoryBoard Web Page Power brought to you by NFN

Translate this page.

this page viewed 7,430 times and was developed/maintained using
NFN's Webpage Storyboard Application

adm ed (Whole Site)                   adm ed (This Page's Body Section Only)