Standard Fonts and Sizes

  • On this page, you will find information for best practices when using programs like Microsoft Word or Google Docs and copying information into Content Apps on the website.  

    Best Option

    The best option when copying information is to use CNTRL+SHIFT+V when pasting information into a content app. This pastes your document without styles, colors, and images.  This is the best option because it allows the built-in web experience to provide sizing, colors, and descriptions accommodating a wider range of people with disabilities, including blindness and low vision, deafness and hearing loss, learning disabilities, cognitive limitations, limited movement, speech disabilities, photosensitivity and combinations of these disabilities.  

    Due to the numerous ways minute differences impact disabilities, this website follows Web Content Accessibility Guidelines (WCAG) to provide the most well-rounded experience for all visitors.  When you paste with control shift and v, you are allowing the website to use the styles defined by the website team to cater to all of these different disabilities. 

    Examples:

    • While you personally may think the larger text is better, people with tunnel vision may disagree.  
    • While you personally may think the color text is cool, people with colorblindness may have trouble viewing items.  
    • While you personally may think the color text is cool, elderly or low vision individuals may miss words or not perceive the difference. 
    • While you personally may think the bullets on this list do not look nice, deaf individuals using a screen reader appreciate how this list follows guidelines compared to pronouncing the word "hyphen" when you place a "-" minus character.

    There are perceivable, operable, understandable, robust, and conformance guidelines that provide the best experience for all users.  These have been considered by the web accessibility team and by typing your material directly in the content app and using the core site styles, your page will always help those with accessibility needs. 

Headings and Font Styles for Other Software

  • Below, you will find information on how to make your text look close to the standard website text.  Unfortunately, all websites use multiple fall back fonts.  Meaning that on Chrome vs Edge vs Firefox vs Safari, the first font loaded is not always Open Sans for www.sd308.org; however, Open Sans is the most common font and therefore recommended if you are not comfortable with pasting text into a content app without formatting.  

    Heading 1: Open Sans Font Size 12

    Heading 2: Open Sans Font Size 11.5 and Bold

    Heading 3: Open Sans Font Size 10.5 and Bold

    Heading 4: Open Sans Font Size 9 and Italic

    Heading 5: Open Sans Font Size 9 and Italic
    Heading 6: Open Sans Font Size 9, Bold, and Italic

    Normal Text: Open Sans Font Size 10.  Can have bold, italic, underline, superscript, strikethrough, and other standard font changes.  Avoid color, highlighting, and background changes as the only means to convey information.  

     

    Standard Font Templates

    To provide a starting place, please feel free to download or copy the below files to use these headings, fonts, and styles while working in Word or Google Docs

    Microsoft Word

    Google Docs (Use File->Make a Copy to Get Started)