Home
Tour
Costs
Answers
Demos
Access
Tools
Assistance
Enroll
 SearchSearch
Font examples and font names

 
   Answers Forum Index -> Resource materials
View previous topic :: View next topic  
Author Message
ws
Write and Show support


Joined: 27 May 2007
Posts: 140

PostPosted: Mon Aug 27, 2007 6:12 pm    Post subject: Font examples and font names

Why you need a font resource

You can do without special fonts

You can write your book without ever using any fonts other that what comes naturally (the default) in Writeandshow. The standard is Arial (if you want to change to a different font as your "default" then just ask your WriteandShow support tech person.

But, special fonts can be useful for dynamic presentations


Use the Font button - your author panel has a special button that makes it easy for you to format any amount of text on a page into various fonts and colors and sizes.

Click here for a special lesson on using the Font button:

Quick Reference to the Fonts you can use

Illustration of fonts most internet viewers can display.

http://writeandshow.com/helpfiles/fonts.htm (opens in new window)

Where we discuss how to use the Font button

http://writeandshow.com/answers/viewtopic.php?t=9


Last edited by ws on Sun Mar 16, 2008 5:53 am; edited 1 time in total
Back to top
ws
Write and Show support


Joined: 27 May 2007
Posts: 140

PostPosted: Mon Sep 03, 2007 4:16 am    Post subject: Pastable Font code examples

Font code examples

To make it easy to use we will illustrate each of the 15 fonts which can be displayed on the internet.

You can go see all of these displayed on one page(with size variations) at this location:

http://writeandshow.com/helpfiles/fonts.htm (opens in new window).

Following we illustrate each one of these and how what the code looks like when done in your WriteandShow author panel:
Back to top
ws
Write and Show support


Joined: 27 May 2007
Posts: 140

PostPosted: Mon Sep 03, 2007 4:27 am    Post subject: century gothic

Example: century gothic

Font name to copy and paste: century gothic

How the font appears:



WriteandShow code to display century gothic

Two ways to do the code:

The way the font button writes it:

Quote:
<span style="font-family: century gothic; color:green; font-size: 24px;"> Replace this with your text. Change family, size in px or %, color.</span>


A shorthand way:


14 px

Quote:
<span style="font: 14px century gothic; color:green;" >Replace this with your text.</span>


14 px bold
Quote:
<span style="font: bold 14px century gothic; color:green;" >Replace this with your text.</span>


24 px
Quote:
<span style="font: 24px century gothic; color:green;" >Replace this with your text.</span>
Back to top
ws
Write and Show support


Joined: 27 May 2007
Posts: 140

PostPosted: Sat Aug 09, 2008 1:28 pm    Post subject:

This is code you can paste in your book. to create a font guide

Paste the code which follows into one of your gallery pages.

It is lengthy.... but, worth the effort, because it will create an excellent example page of fonts for you in your book that you can then have as an illustration, plus you can 'edit" the page at any time to copy and paste examples you like.

    Mostly the examples shown here illustrate what options are available for display in your pages. Other Illustrated step-by-step "how to's" can be found here in the Write and Show Answers pages

    If something isn't shown here that you would like to do then ask on your private support forum. Most likely any effect you want has already been done and your tech support guide will explain how to accomplish what you want.

Quote:


<span style="font-family: impact; color:brown; font-size: 50px;"> You will like what all you can do.</span>

&nbsp;
<h1>First,we illustrate different font sizes</h1>
&nbsp; These examples are all in comic sans ms font.
<big>Using percentages:</big>

&nbsp;
<b>30 %</b>
<span style="font-family: comic sans ms; color:brown; font-size: 30%;"> Here is an example
</span>
<b>40 %</b>
<span style="font-family: comic sans ms; color:brown; font-size: 40%;"> Here is an example
</span>
<b>50 %</b>
<span style="font-family: comic sans ms; color:brown; font-size: 50%;"> Here is an example
</span>
<b>60 %</b>
<span style="font-family: comic sans ms; color:brown; font-size: 60%;"> Here is an example
</span>
<b>70 %</b>
<span style="font-family: comic sans ms; color:brown; font-size: 70%;"> Here is an example
</span>
<b>80 %</b>
<span style="font-family: comic sans ms; color:brown; font-size: 80%;"> Here is an example
</span>
<b>100 %</b>
<span style="font-family: comic sans ms; color:brown; font-size: 100%;"> Here is an example
</span>
<b>120 %</b>
<span style="font-family: comic sans ms; color:brown; font-size: 120%;"> Here is an example
</span>
<b>200%</b>
<span style="font-family: comic sans ms; color:brown; font-size: 200%;"> Example
</span>
<b>300%</b>
<span style="font-family: comic sans ms; color:brown; font-size: 300%;"> Example
</span>
<b>600%</b>
<span style="font-family: comic sans ms; color:brown; font-size: 600%;"> Example
</span>
<b>Examples using pixel settings:</b>
&nbsp;
<span style="font-family: comic sans ms; color:brown; font-size:18px;"> 18px Here is an example
</span>
<span style="font-family: comic sans ms; color:brown; font-size:24px;"> 24px Here is an example
</span>
<span style="font-family: comic sans ms; color:brown; font-size:36px;"> 36px An example
</span>
<span style="font-family: comic sans ms; color:brown; font-size:48px;"> 48px Here is an example
</span>
<span style="font-family: comic sans ms; color:brown; font-size:56px;"> 56px Here is an example
</span>
<span style="font-family: comic sans ms; color:brown; font-size:64px;"> 64px Example.
</span>
<span style="font-family: comic sans ms; color:brown; font-size:128px;"> 128px Example.
</span>
&nbsp;
300 px example is in font family, monotype corsiva.
<span style="font-family: monotype corsiva; color:brown; font-size:300px;"> 300px Example.
</span>

&nbsp;
Following is italic bold 80px blue font family, impact:
<span style="font:italic bold 80px impact; color:blue;" >Four at once
</span>

Following is italic bold 80px green font family, georgia:
<span style="font:italic bold 80px georgia; color:green;" >Four at once
</span>
<fieldset><legend><b>Styles available on all computers</b></legend>

The following fonts are considered "safe" across the internet (meaning they are readable by most viewer's computers). arial, arial black, book antiqua, comic sans ms, courier, courier new, georgia, helvetica, impact, palatino linotype, times new roman, trebuchet ms, verdana. Three additional ones (century gothic, monotype corsiva and tahoma) are found increasingly everywhere.

<big>Following, we illustrate using these 16 fonts in WriteandShow (alphabetic order):</big>
<hr class="greybar" />
&nbsp;
arial <i>(default font in Write and Show, 12px )</i>
<span style="font: 14px arial; color:green;" >arial example 14 px regular.</span>
<span style="font: bold 14px arial; color:green;" >arial 12 px example bold.</span>
<span style="font: 24px arial; color:green;" >arial example in 24 px size.</span><hr class="greybar" />
&nbsp;
arial black
<span style="font: 14px arial black; color:green;" >arial black example 14 px regular.</span>
<span style="font: bold 14px arial black; color:green;" >arial black 12 px example bold.</span>
<span style="font: 24px arial black; color:green;" >arial black example in 24 px size.</span>
<hr class="greybar" />
&nbsp;
book antiqua
<span style="font: 14px book antiqua; color:green;" >book antiqua example 14 px regular.</span>
<span style="font: italic 14px book antiqua; color:green;" >book antiqua example 14 px italic.</span>
<span style="font: bold 14px book antiqua; color:green;" >book antiqua 12 px example bold.</span>
<span style="font: 24px book antiqua; color:green;" >book antiqua example in 24 px size.</span>
<hr class="greybar" />
&nbsp;
century gothic
<span style="font: 14px century gothic; color:green;" >century gothic 14 px example regular.</span>
<span style="font: bold 14px century gothic; color:green;" >century gothic 14 px example bold.</span>
<span style="font: 24px century gothic; color:green;" >century gothic example in 24 px size.</span>
<hr class="greybar" />
&nbsp;
comic sans ms
<span style="font: 14px comic sans ms; color:green;" >comic sans ms 14 px example regular.</span>
<span style="font: bold 14px comic sans ms; color:green;" >comic sans ms 14 px example bold.</span>
<span style="font: 24px comic sans ms; color:green;" >comic sans ms example in 24 px size.</span>
<hr class="greybar" />
&nbsp;
courier
<span style="font: 14px courier; color:green;" >courier 14 px example regular</span>
<span style="font: bold 14px courier; color:green;" >courier 14 px example in bold</span>
<span style="font: 24px courier; color:green;" >courier example in 24 px size.</span>
<hr class="greybar" />
&nbsp;
courier new
<span style="font: 14px courier new; color:green;" >courier new 14 px example regular</span>
<span style="font: bold 14px courier new; color:green;" >courier new 14 px example in bold</span>
<span style="font: 24px courier new; color:green;" >courier new example in 24 px size.</span>
<hr class="greybar" />
&nbsp;
georgia
<span style="font: 14px georgia; color:green;" >georgia 14 px example regular.</span>
<span style="font: bold 14px georgia; color:green;" >georgia 14 px example in bold.</span>
<span style="font: 24px georgia; color:green;" >georgia example 24 px.</span>
<hr class="greybar" />
&nbsp;
helvetica
<span style="font: 14px helvetica; color:green;" >helvetica 14px example regular</span>
<span style="font: bold 14px helvetica; color:green;" >helvetica 14px example in bold.</span>
<span style="font: 24px helvetica; color:green;" >helvetica example 24px.</span>
<hr class="greybar" />
&nbsp;
impact
<span style="font: 14px impact; color:green;" >impact 14 px example regular.</span>
<span style="font: bold 14px impact; color:green;" >impact 14 px example in bold.</span>
<span style="font: bold 24px impact; color:green;" >impact example 24 px size.</span><hr class="greybar" />
&nbsp;
monotype corsiva
<span style="font: 14px monotype corsiva; color:green;" >monotype corsiva 14 px example regular</span>
<span style="font: bold 14px monotype corsiva; color:green;" >monotype corsiva 14 px example in bold.</span>
<span style="font: 24px monotype corsiva; color:green;" >monotype corsiva example 24px.</span>
<hr class="greybar" />
palatino linotype
<span style="font: 14px palatino linotype; color:green;" >palatino linotype 14px example regular</span>
<span style="font: italic 14px palatino linotype; color:green;" >palatino linotype 14px example italic</span>
<span style="font: bold 14px palatino linotype; color:green;" >palatino linotype 14px example in bold.</span>
<span style="font: 24px palatino linotype; color:green;" >palatino linotype example 24px.</span>
<hr class="greybar" />
&nbsp;
tahoma
<span style="font: 14px tahoma; color:green;" >tahoma 14px example regular</span>
<span style="font: bold 14px tahoma; color:green;" >tahoma 14px example in bold.</span>
<span style="font: 24px tahoma; color:green;" >tahoma example 24px.</span>
<hr class="greybar" />
&nbsp;
times new roman
<span style="font: 14px times new roman; color:green;" >times new roman 14px example regular</span>
<span style="font: bold 14px times new roman; color:green;" >times new roman 14px example in bold.</span>
<span style="font: 24px times new roman; color:green;" >times new roman example 24px.</span>
<hr class="greybar" />
&nbsp;
trebuchet ms
<span style="font: 14px trebuchet ms; color:green;" >trebuchet ms example 14 px regular</span>
<span style="font: bold 14px trebuchet ms; color:green;" >trebuchet ms example 14 px in bold.</span>
<span style="font: 24px trebuchet ms; color:green;" >trebuchet ms example 24px.</span>
<hr class="greybar" />
&nbsp;
verdana
<span style="font: 14px verdana; color:green;" >verdana 14px example regular</span>
<span style="font: bold 14px verdana; color:green;" >verdana 14px example in bold.</span>
<span style="font: 24px verdana; color:green;" >verdana example 24px.</span>
<hr class="greybar" />
</fieldset>
Back to top
Display posts from previous:   
   Answers Forum Index -> Resource materials All times are GMT - 4 Hours
Page 1 of 1

 
Jump to:  


Created by WriteandShow.com WriteandShow.com  Answer forum utilizes phpBB © 2001, 2005 phpBB Group