DOCSLIB.ORG

Fonts for Print and Online Documentation

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Fonts for Print and Online Documentation Fonts For Print and Online Documentation Introduction Font and font type are the terms used to describe the style of lettering used in printing and publishing. Different fonts can be used to communicate and facilitate legibility and the culture of an organization. Fonts for print and online documentation Although there are many choices of fonts type available today, not all fonts are appropriate for every documents. For instance, if I am going to do a project that requires me to submit my finish work in a printed format, can I just use any fonts that I like? No, first I would have to think about choosing a font type that would be most appropriate, for print document, so that whoever would be reading it would not any difficulty when reading. Online documents also requires appropriate fonts for the same reason that printed documents requires them. When writing documents, whether it on a computer or for print works, the font choice is very important. The key to font selection is to use the most readable fonts. Fonts used for documents, whether reports, resumes, or online must allow easy readability to anyone who access it. Types of fonts Fonts are categorized into "families" based on their characteristic. The most common font family are serif, sans serif, cursive, fantasy, and monospace. Although these are all common, only two of these are used for print and online documentation - serif and sans serif. Serif fonts are characterize by little feet and embellishments on the tips and base of each letter,( as see in the example below) making them more distinct and recognizable. Example of serif fonts: l f i Nearly every books, newspapers, magazines use serif font. It is popularly accepted that - in print - serif fonts are easier to read, because the serifs actually make the letters follow together, subsequently making it easier on the eyes. Example of serif fonts are : Times New Roman (AaBbCc...FfGg) Garamond (AaBbCc...FfGg) Georgia (AaBbCc...FfGg) Book Antiqua (AaBbCc...FfGg) Sans serif fonts are mostly used in advertisement . Sans serif fonts are unlike serif fonts because they have plain endings, and appear blockier that serif fonts. They do not have little feet and embellishments on the tips and base of each letter. Sans serif are not very popular; one of the reasons been is their lack of readability. In print, sans serif fonts are often used as headline font because of legibility and serif fonts used for the body of the text. Example of sans serif fonts: I f i Sans serif fonts include Arial, Verdana, Tahoma and Trebuchet MS. Fonts such as Verdana, Tahoma, and Trebuchet were developed specifically for use in electronic media, and are now quite commonly used. Example of sans serif fonts: Arial (AaBbCc...FfGg) Verdana (AaBbCc...FfGg) Tahoma (AaBbCc...FfGg) Trebuchet MS (AaBbCc...FfGg) Fonts and ADA compliance Fonts can also affect how screen readers that disabilities work. Care should be taken to avoid fonts with blinking and moving text as they makes reading difficult for people with attention deficit or cognitive disabilities. For ADA compliance fonts should be; easily read on computer monitors - research has shown that sans serif fonts are more easily read on computer monitors than serif fonts. Background/font color could cause difficulty in reading - black text on white paper is recommended. Using different type of font is not recommended as it can clutter the document and make it more confusing - use only one font type. Scalability of font size is recommended for blind/low vision. How fonts can be use with text/images Fonts can be used around or with images to reinforce a point and to make the documents more pleasing. Below is an illustration of the use of text box, wrapped text with clip art. Wingdings and Symbols are two t of the best-kept secrets fonts. Both fonts contain a variety of special characters that can be inserted into a document through the Insert Symbol command. These fonts are scaleable to any point size, enabling you to create some truly unusual documents. Wrapped text, text box and highlighted text arrows can also be used to make documents more effective. References Online Documents W3C Recommendation (2008) . The Web Content Accessibility Guidelines. Retrieved from http://go.dmacc.edu/online/pages/adacompliance.aspx Online Articles Fonts (2013). Retrieved from http://webaim.org/techniques/fonts Mayaniki (2011). The most common type of fonts. Retrieved from http://www.ehow.com .
Load more

Recommended publications
  • Cloud Fonts in Microsoft Office
    APRIL 2019 Guide to Cloud Fonts in Microsoft® Office 365® Cloud fonts are available to Office 365 subscribers on all platforms and devices. Documents that use cloud fonts will render correctly in Office 2019. Embed cloud fonts for use with older versions of Office. Reference article from Microsoft: Cloud fonts in Office DESIGN TO PRESENT Terberg Design, LLC Index MICROSOFT OFFICE CLOUD FONTS A B C D E Legend: Good choice for theme body fonts F G H I J Okay choice for theme body fonts Includes serif typefaces, K L M N O non-lining figures, and those missing italic and/or bold styles P R S T U Present with most older versions of Office, embedding not required V W Symbol fonts Language-specific fonts MICROSOFT OFFICE CLOUD FONTS Abadi NEW ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Abadi Extra Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Note: No italic or bold styles provided. Agency FB MICROSOFT OFFICE CLOUD FONTS ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Agency FB Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Note: No italic style provided Algerian MICROSOFT OFFICE CLOUD FONTS ABCDEFGHIJKLMNOPQRSTUVWXYZ 01234567890 Note: Uppercase only. No other styles provided. Arial MICROSOFT OFFICE CLOUD FONTS ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Arial Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Arial Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Arial Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ
    [Show full text]
  • Presentation
    Born Broken: Fonts And Information Loss In Legacy Documents Geoffrey Brown and Kam Woods Indiana University School of Informatics and Computing Key Questions How pervasive are font substitution problems ? What information is available to identify fonts ? How well can we match the fonts required by a document collection ? How can we assist archivists in identifying serious font issues ? Page 8 MCTM Bulletin February 2005 K: I knew what you meant. I was just kidding. I’ll do XüLLbl (W):InputQ:FnOff :"""Y =! Y",Y#:PlotsOff the dishes tonight at dinner. YüL‚(W):Goto:0!Xscl:0!Yscl:Plot1(Scatt T er,L#,L$,&) PlotsOn 1:ZoomStat:StorePic Pic1 Lbl Q:FnOff :""üY :PlotsOff Jennifer felt better so offered the following challenge to Pause :Goto T Kevin. Lbl:0üXscl:0üYscl:Plot1(Scatt S:ClrHome:2!dim(L%er,L):dim(L ,L‚,Ñ)# )!N J: What type of general statement can you make DispPlotsOn "NO. 1:ZoomStat:StorePic OF Pic1 regarding the various polygons and, better yet, what PausePTS.":Output(1,13,N):Pause :Goto T can you say about a figure that looks like this? LblFor(I,1,N):ClrHome S:ClrHome:2üdim(Lƒ):dim(L )üN Disp "NO. "PT. OF NO.","":Output(1,9,I) PTS.":Output(1,13,N):Pause L#(I)!L%(1):L$(I)!L%(2) For(I,1,N):ClrHome Disp L%:Pause :End:Goto T LblDisp "PT.0:Menu(" NO.","":Output(1,9,I) MODELS R""," LINEAR (2)",1,"L(I)üLƒ(1):L‚(I)üLƒ(2) QUADRATIC",2," CUBIC/QUARTIC",3,"Disp Lƒ:Pause :End:Goto LOGARITHMIC",4," T LblEXPONENTIAL",5," 0:Menu(" MODELS POWER",6," RÜ"," LINEAR MAIN (2)",1," MENU",T) QUADRATIC",2," CUBIC/QUARTIC",3," Lbl 1:"aX+b"!Y# Kevin was impressed.
    [Show full text]
  • Fonts Installed with Each Windows OS
    FONTS INSTALLED WITH EACH WINDOWS OPERATING SYSTEM WINDOWS95 WINDOWS98 WINDOWS2000 WINDOWSXP WINDOWSVista WINDOWS7 Fonts New Fonts New Fonts New Fonts New Fonts New Fonts Arial Abadi MT Condensed Light Comic Sans MS Estrangelo Edessa Cambria Gabriola Arial Bold Aharoni Bold Comic Sans MS Bold Franklin Gothic Medium Calibri Segoe Print Arial Bold Italic Arial Black Georgia Franklin Gothic Med. Italic Candara Segoe Print Bold Georgia Bold Arial Italic Book Antiqua Gautami Consolas Segoe Script Georgia Bold Italic Courier Calisto MT Kartika Constantina Segoe Script Bold Georgia Italic Courier New Century Gothic Impact Latha Corbel Segoe UI Light Courier New Bold Century Gothic Bold Mangal Lucida Console Nyala Segoe UI Semibold Courier New Bold Italic Century Gothic Bold Italic Microsoft Sans Serif Lucida Sans Demibold Segoe UI Segoe UI Symbol Courier New Italic Century Gothic Italic Palatino Linotype Lucida Sans Demibold Italic Modern Comic San MS Palatino Linotype Bold Lucida Sans Unicode MS Sans Serif Comic San MS Bold Palatino Linotype Bld Italic Modern MS Serif Copperplate Gothic Bold Palatino Linotype Italic Mv Boli Roman Small Fonts Copperplate Gothic Light Plantagenet Cherokee Script Symbol Impact Raavi NOTE: Trebuchet MS The new Vista fonts are the Times New Roman Lucida Console Trebuchet MS Bold Script newer cleartype format Times New Roman Bold Lucida Handwriting Italic Trebuchet MS Bold Italic Shruti designed for the new Vista Times New Roman Italic Lucida Sans Italic Trebuchet MS Italic Sylfaen display technology. Microsoft Times
    [Show full text]
  • Step-By-Step Instructions for Microsoft Word Workshop Business & Technical Writing
    Step-by-Step Instructions for Microsoft Word Workshop Business & Technical Writing 1. Launch Microsoft Word and open a new document. 2. Go to top menu, File > Page Setup. In the dialog box that appears, set margins to 1” on all sides 3. In the Formatting menu, set typeface to Times New Roman, 12 pt. If the Formatting menu is not visible at the top of your screen, go to: View > Toolbars and select Formatting. 4. In upper left corner of the document, enter your name, course + number, project number, date 5. Triple space 6. Copy and paste from Raw Text (or type in) the words “Communication Analysis.” Triple space. 7. Move your cursor behind “Communication Analysis” and click centering option in the formatting menu. 8. Left click and drag across “Communication Analysis” to highlight it. Go to top menu and select Format > Font. In dialog box that appears, first click the Font tab. 9. In the Font: box, select Tahoma. In the Font style: box, select Bold. In the Size: box, select 18. 10. Click on the Character Spacing tab in the Font dialog box. In the Spacing: drop- down menu, select Expanded. In the By: drop-down menu, check to see if it says 1 pt. If it does not, use the up arrow to select 1 pt. 11. Click OK to return to your document. Note: Why did you put your title in the Tahoma font? One rule of document formatting is that text copy should be in a serif font like Times New Roman, and display copy (titles, headings, subheadings, etc.) should be in a sans serif font like Tahoma.
    [Show full text]
  • Brand Guidelines One400 | Version 1.0
    BRAND GUIDELINES ONE400 | VERSION 1.0 03/18/19 WELCOME The following guidelines have been created to ensure that the brand is presented in a consistent and professional manner across all media. When using the identity it is important that the design should use the color references supplied and that the logo should not be altered or redrawn. The guidelines are an important tool in ensuring that the ONE400 brand is consistent across all applications. 2 - ONE400 Brand Guidelines © 2018 Version 1.0 | www.one-400.com CONTENTS Introduction ......................................................... 2 The Logo ............................................................. 4 Sizes and Clear Space ........................................... 5 Positioning in Applications ..................................... 6 Color Specifications .............................................. 7 Colorways ........................................................... 8 Typefaces ............................................................ 9 Logo Best Practices ..............................................10 Email Signature .................................................... 11 Contact Information .............................................12 Questions ...........................................................13 3 - ONE400 Brand Guidelines © 2018 Version 1.0 | www.one-400.com THE LOGO LOGO CONFIGURATIONS PRIMARY & SECONDARY The ONE400 mark suggests adaptability and inclusion of value across industry verticals and professions. With this mark, ONE400 interlinks with
    [Show full text]
  • The Effects of Font Type and Spacing of Text for Online Readability and Performance
    CONTEMPORARY EDUCATIONAL TECHNOLOGY, 2014, 5(2), 161-174 The Effects of Font Type and Spacing of Text for Online Readability and Performance Nafiseh Hojjati & Balakrishnan Muniandy Universiti Sains Malaysia, Malaysia Abstract Texts are a group of letters which are printed or displayed in a particular style and size. In the course of the fast speed of technological development everywhere and expanding use of computer based instruction such as online courses, students spend more time on a computer screen than printed media. Texts have been the main element to convey messages. It has also been a significant component for learning. The main goal of this research is to measure the effects of font type and spacing of on screen text and its readability in improving and boosting the learner’s ability to read easily, recall information, and enhance their reading speed and comprehension from on screen text with different topics. The readability of text on screens is necessary to ensure effective engagement in order to enhance the level of students’ readability. For this purpose two font types were selected, Times New Roman (serif) and Verdana (san serif) for the respondents. Verdana was designed only for computer screens display. Readability test on a computer screen was conducted on 30 postgraduate students. Overall, the results showed that there was a significant difference between the readability of serif and san serif font type of on-screen display. The research findings suggest Verdana font type as a better choice in displaying long text for on-screen display. Keywords: Font type; Readability; Spacing; On-screen text; Serif; San serif Introduction Texts are a collection of letters and words which are printed or displayed in a particular style and size.
    [Show full text]
  • Bookman Old Style (16 Pt-Bold)
    CDI BEST PRACTICES TIP SHEET Recommended Fonts for Résumés Compatible with Word 2003 (.doc) Most Common Serif Fonts Font Names Acceptable Sizes & Styles Acceptable Sizes & Styles (all keyed in 12 point) Body Content Letterhead & Section Headings Book Antiqua Book Antiqua (12 pt –bold) Book Antiqua (16pt –bold) Book Antiqua (12 pt – italics) BOOK ANTIQUA (16pt –bold caps) Book Antiqua (11 pt) OOK NTIQUA (16pt – bold small caps) Book Antiqua (11 pt- bold) B A Book Antiqua (11 pt – italics) Book Antiqua (14pt –bold) BOOK ANTIQUA (14pt –bold caps) BOOK ANTIQUA (14pt – bold small caps) Book Antiqua (12pt –bold) BOOK ANTIQUA (12pt – bold caps) BOOK ANTIQUA (12pt –bold small caps) Bookman Old Style Bookman Old Style (12 pt- bold) Bookman Old Style (16 pt-bold) Bookman Old Style (12 pt- italics) BOOKMAN OLD STYLE (16 pt – bold caps) Bookman Old Style (11 pt) OOKMAN LD TYLE (16 pt – bold small caps) Bookman Old Style (11 pt-italics) B O S Bookman Old Style (10 pt) Bookman Old Style (14pt-bold) Bookman Old Style (10 pt-bold) BOOKMAN OLD STYLE (14pt –bold caps) BOOKMAN OLD STYLE (14pt – bold small caps) Bookman Old Style (12pt –bold) BOOKMAN OLD STYLE (12pt – bold caps) Courtesy of Norine Dagliano, ekm Inspirations February 2013 Garamond Garamond (12pt –bold) Garamond (16 pt-bold) 12 pt – italics) Garamond ( GARAMOND (16 pt- bold caps) Garamond (11-pt) GARAMOND (16 pt – bold small caps) Garamond (11 pt- bold) Garamond (14 pt – bold) GARAMOND (14 pt – bold caps) GARAMOND (14pt – bold small caps) Georgia Georgia (12pt –bold) Georgia (16 pt –bold)
    [Show full text]
  • Best Font for It Resume
    Best Font For It Resume How ailurophilic is Rustie when ignitible and uncompanioned Archie vermilions some trones? Taddeus remains hippocampal: she polka her arborization circumfuses too purblindly? Rudd is unfledged and denaturise consequently as laith Fonsie preheat digestedly and taxi irrationally. If you need to read as we interact with font for best it safe and what is great choices you get Other resume best serif, it is considered the future of! Determines the best for its use only and even the rest and modern and section. In this article we discuss the importance of picking a good resume font. Choosing The Best Font for job Resume ResumeWriterSG. For resumes for those without going to tnr, less is a screen readability and section titles of your resume headers without any relevant experience. The Best Font Size And Styles For all Resume ResumeOK. Not as hard, make all, rank it? Yet simple as for resumes to use comic sans serif font that a favorable impression for resume should erase from listing, supplying thousands of unitary matrices, and interests section. What is known Best Font for success Resume? The load Resume Fonts Garamond If you more looking up a more modern version of the standard Times New Roman Garamond is nothing perfect. See it for resume more modern looking for a resume fonts? They will motivate and it is too crowded or too much alike, may be used in a tough task as important goal of. Calibri is fluid new Comic Sans Stop using it by Caroline Medium. The best options to its staying power generation and printed cover letter construction of a font style from? Take your pick of best font for supreme resume review that same resume fonts the effect is subliminal Focus on ones that will subtly impress.
    [Show full text]
  • Guide to Creating Dyslexia Friendly Content
    Guide to Creating Dyslexia Friendly Content Fonts, colors and text styling tips that will help make your web text easier to read for Dyslexic users Suitable fonts Sans serif fonts are most suitable to use because their letters are less crowded. Two of the best to use are Arial and Comic Sans, but Verdana, Tahoma, Century Gothic, Trebuchet, Calibri and Open Sans are also suitable alternatives. Font size should be at least 12-14 point as larger text is easier to read. Use bold for emphasis instead of italics and underlining as this can make text appear to run together. Suitable colors Use single color backgrounds for text and avoid distracting images and patterns. Avoid putting black text on white a background if possible as this can dazzle dyslexic readers. Consider using cream or off-white instead. Pastel colors such as peach, orange, yellow or blue are also suitable. Avoid green, red and pink backgrounds for text as these will be difficult for people EQUIPMENT & SUPPLIES with color deficiencies to read. Extra styling tips Text headings should be at least 20% larger than normal text to help make them more distinctive. For web text, ensure hyperlinked text looks different from normal text. Try to break up 'walls' of text with various formatting options, such as different text alignments, indents and lists (e.g. bullet pointing and numbering). Try to avoid multiple columns of text. Use shorter sentences and paragraphs. Information sourced from The British Dyslexia Association, The Dyslexia Association of Ireland and UX Movement.
    [Show full text]
  • How to Improve Your Emotional Intelligence
    Slide Title: Title/Get Name Storyboard Number: A1 NOTE: Italicized instructions are not to appear on finished product Functionality ▪ This is the title slide ▪ Text and image should slide onto the screen at the same time (Text from the left and image from the right) and remain on the screen ▪ Start button at the bottom links to slide A2: Objectives Colors ▪ Left rectangle behind text should be Gray BFC9CA – Slide Background Color How to Improve Your ▪ Title Font – Segoe UI Bold Magenta E91E63 Emotional Intelligence ▪ Start Button: Background white, text and button outline – Aqua R34, G116, B100 Segoe UI Bold Magenta E91E63 ▪ Leave white background behind image Graphics Image A1 ▪ Use Image A1 Font ▪ Heading and Button: Segoe UI (Bold) ▪ Directions: Segoe UI Segoe UI Bold dark Aqua START Gray BFC9CA Slide Title: Objectives Storyboard Number: A2 NOTE: Italicized instructions are not to appear on finished product Functionality ▪ This is the objectives slide Course Objectives ▪ Slide title and text should be on the page at Segoe UI Bold Magenta E91E63 Gray BFC9CA all times (no animation) ▪ Image should slide onto the screen from the Tahoma dark Gray Background remains white right and remain on the screen ▪ Define emotional intelligence and 3 benefits ▪ Next button at the bottom links to next slide ▪ Identify the 4 competencies of emotional intelligence A3: Directions ▪ Learn characteristics of the self awareness competency ▪ Identify strategies to improve self awareness Colors ▪ Learn characteristics of the self management competency ▪ Rectangle
    [Show full text]
  • The List PC and MAC Equivalent Fonts
    The list PC and MAC Equivalent Fonts FONTS ( in 12pt) Arial, Arial, Helvetica, sans-serif Arial Black, Arial Black, Gadget, sans-serif Comic Sans MS, Comic Sans MS5, cursive Courier New, Courier New, Courier6, monospace Georgia1, Georgia, serif Impact, Impact5, Charcoal6, sans-serif Lucida Console, Monaco5, monospace Lucida Sans Unicode, Lucida Grande, sans-serif Palatino Linotype, Book Antiqua3, Palatino6, serif Tahoma, Geneva, sans-serif Times New Roman, Times, serif Trebuchet MS1, Helvetica, sans-serif Verdana, Verdana, Geneva, sans-serif (Symbol2, Symbol2) (Webdings2, Webdings2) (Wingdings2, Zapf Dingbats2) MS Sans Serif4, Geneva, sans-serif MS Serif4, New York6, serif NOTE: SOME EMAIL PROGRAMS ONLY ALLOW ARIAL OR TIMES (TIMES NEW ROMAN). 1 Georgia and Trebuchet MS are bundled with Windows 2000/XP and they are also included in the IE font pack (and bundled with other MS applications), so they are quite common in Windows 98 systems. 2 Symbolic fonts are only displayed in Internet Explorer, in other browsers a font substitute is used instead (although the Symbol font does work in Opera and the Webdings works in Safari). 3 Book Antiqua is almost exactly the same font that Palatino Linotype, Palatino Linotype is included in Windows 2000/XP while Book Antiqua was bundled with Windows 98. 4 These fonts are not TrueType fonts but bitmap fonts, so they won't look well when using some font sizes (they are designed for 8, 10, 12, 14, 18 and 24 point sizes at 96 DPI). 5 These fonts work in Safari but only when using the normal font style, and not with bold or italic styles.
    [Show full text]
  • Web Type: the Next Big Thing NYC Web Design Meetup July 19, 2010
    Web Type: The Next Big Thing NYC Web Design Meetup July 19, 2010 Jaron J. Rubenstein Rubenstein Technology Group http://www.rubensteintech.com/ Overview Technology Licensing Foundries and Distributors Code Results Issues Conclusion References Copyright © 2010, Rubenstein Technology Group, Inc. All Rights Reserved. Evolution of Web Type Web Fonts – Arial, Times New Roman, etc. – Verdana, Georgia, Tahoma, Trebuchet MS, etc. Scalable Inman Flash Replacement (sIFR) – JavaScript/Flash text replacement – Requires Flash plugin – Limitations for animation, dynamic text, Cufón – Replaces text with VML (MSIE) or SVG (everything else) – Rather slow, complex, has some issues with text selection and screen rendering CSS and @font-face – Method of specifying and downloading fonts – Not “HTML5” , introduced in CSS2 in 1998, standardized in CSS3 – Works with MSIE4+, Firefox 3.5+, Safari 3.1+, Opera 10+ and Chrome 4.0+ – Specification: http://www.w3.org/TR/css3-fonts/#font-resources Copyright © 2010, Rubenstein Technology Group, Inc. All Rights Reserved. @font-face Font Formats TrueType (TTF) – Firefox 3.5+ , Opera 10+, Safari 3.1+, Chrome 4.0.249.4+ Embedded OpenType (EOT) – Microsoft Internet Explorer 4+ Web Open Font Format (WOFF) – Firefox 3.6+, Internet Explorer 9+, Chrome 5+ Scalable Vector Graphics (SVG) – iPad and iPhone Scalable Vector Graphics, gzipped (SVGZ) – Compressed SVG files (via gzip compression) – iPad only Copyright © 2010, Rubenstein Technology Group, Inc. All Rights Reserved. Format Browser Compatibility Browser TrueType WOFF EOT SVG SVGZ MSIE 4 - 8 Yes MSIE 9 Soon Yes Firefox 3.5+ Yes Firefox 3.6+ Yes Yes Safari 3.1+ Yes Yes Yes Chrome 4+ Yes Soon Yes Yes Opera 10+ Yes Soon Yes Yes iPhone Yes iPad Yes Yes Source: http://www.fontspring.com/fontface Copyright © 2010, Rubenstein Technology Group, Inc.
    [Show full text]