For the Media


Text Style Basics — All You Really Need To Know

Queens' Story Editor has our standard styles built right into the  menu. Our standard is to stick to these five styles for page consistency and ease of creation.

Please use these styles, rather than the Font Face () and Font Size () menus, to format your text.  Styles are guaranteed to display properly on every viewer's monitor.  Independently applied font faces and sizes are not guaranteed.

 

What Are the Styles?

Headline

11 pt. Verdana, bold, color: maroon

This is our actual headline style. Pages are automatically titled in this style.  Each page's title comes from the category to which the story is assigned — i.e., whatever blue menu "button" links to the page becomes its title.

If a page has several distinct sections of equal importance, it may be appropriate to create headlines for each section in this style.

Subhead

10 pt. Verdana, bold

This style is ideal for dividing large blocks of text into subsections.  Most pages look best with only one Headline and several Subheads.

Normal Text

9 pt. Verdana

This is the default style for page text.

Small Text

8 pt.* Verdana**

This is the smallest style, good for footnotes, parenthetical asides, photo captions, detailed information in tables, etc.

Gray 9 pt. Verdana

This style is ideal for highlighting a subheading that is meant to be less bold or pronounced.  To see a sample of its use, please click here.

 

 

Style formatting works best when applied to entire, distinct lines or paragraphs. Select the text you wish to format, then choose the desired style from the drop down "Styles" menu.

Note: Unlike most other formatting, style formatting cannot be undone with the "undo" command. If you're not sure you're about to select the right style... Save Changes first!

 

 

  1. Click the  button to "Show Details".
     
  2. Delete the  tags that surround the problematic text. (Deleting either one causes the other to vanish automatically. Be careful not to delete the text itself. Your first mouse click tends to select the text; often another careful click is needed to position the cursor correctly.)
     
  3. Delete any  tags near the text. (You can, in fact, delete all  tags in the entire document — they represent faulty or misunderstood code.)
     
  4. Also delete any appearances of  and  tags.
     
  5. Save Changes!
     
  6. Try applying the Text Style(s) again.


 
Proactive Troubleshooting for Copiers & Pasters

If you are accustomed to copying & pasting from other programs, especially Microsoft and Adobe ones — Word, Excel, Powerpoint, Access, PageMaker, InDesign, GoLive — you will frequently encounter the above scenario, i.e., text that is hard to format. 

Deleting all those  and  tags can get tedious. My recommendation is to use Notepad as an intermediary stage.  Notepad is included free with all versions of Windows, and can usually be found in the  menu, within Programs —> Accessories.

  1. Copy the desired text from the original program.
  2. Paste it into Notepad.
  3. Now copy the text from Notepad and paste it into the Story Editor.

This solves 90% of copy/paste formatting problems before they happen, by stripping out all formatting.

 

News & Event Items

Formatting news and event items is easier with the templates provided in the Event Manager tool (for event related items) and Publisher tool (for news related items.) As a general rule, event items are to be posted announcing an upcoming event. News items are for relaying information pertaining to a previous event, a press release or general information.   

The Queens home page typically has examples of news related items. Please visit the page to view the text format. 

The Alumni & Parents,  Royals Athletics and Community & Friends generally provide both news and event items seperately on their Web pages. Please view those pages for examples of text formatting.

  

Reading, for the Curious

* "Point size" — Visitors may have their browsers set to display pages with larger or smaller fonts, and different browsers may impose different sizes. There's really no such thing as dependable "point size" in HTML.

However, we use cascading style sheets (CSS) to approximate popular sizes by assigning a fixed pixel-height to each. For the curious, the chart to the right shows how apparent "point sizes" and actual pixel-heights correspond.

"Point Size"

Pixel-height

14 pt.

18 px.

11 pt.

14 px.

10 pt.

12 px.

9 pt.

11 px.

8 pt.

10 px.

** "Font face" — Which fonts a visitor sees when viewing a page depends entirely on which fonts they have loaded on their computer. For this reason, safe Web design practice is to limit fonts, and also provide alternative choices that look very similar.

We are using style sheets to maximize the possibility that the visitor will see our pages exactly as we've designed them. 94% of our visitors use PCs, and PCs almost always have Verdana pre-loaded. For those that don't, as well as Mac users, our style sheet automatically interprets "Verdana" as a font family, like so: {font-family: Verdana, Geneva, Arial, Helvetica}  Everyone has at least one of these.


 

How to Apply Text StylesWhat To Do When Text Styles Won't "Take"

-------------------------------------
Printed from www.Queens.edu.

Queens University of Charlotte
1900 Selwyn Ave.
Charlotte, NC 28274
Phone: 704 337-2200
Fax: 704 337-2403
Thrive.