Guidelines
Type & TM
Contents:

Typography Specifications

  • DO NOT use any FONT tags. Sun's style sheet will define all font faces and default sizes.

  • DO NOT define the font face of ANY text, the Sun style sheet will define the font face for all text.

  • DO NOT use the BLINK tag on any text.

  • Use the SPAN tag with the STYLE attribute, or the STYLE attribute in any tag containing text, to define color. For example the red text below could be coded in two ways, of these two the latter is preferred since it can be implemented with less code.*

    this is red text
    <p><span style="color:#f00">this is red text</span></p>

    this is red text
    <p style="color:#f00">this is red text</p>


  • ALL text must appear in the default font size as specified by the Sun style sheet. NEVER use the STYLE attribute or any other method to set the font size to any specific value or any numerical relative value. If you wish to use size to emphasize small amounts of text, NOT entire pages or paragraphs, there are two approved ways to do it.

    big text
    <span class="big">big text</span>

    big text
    <big>big text</big>

    small text
    <span class="small">small text</span>

    small text
    <small>small text</small>


  • The use of bold text is recommended when trying to emphasize words, phrases, or even paragraphs. Like any style it should be used sparingly so it's meaning is not diluted. Of these examples, the STRONG tag differs because it also emphasizes the text, which is important when considering screen readers and other alternate browsers.

    Bold
    <b>Bold</b>

    font-weight:bold
    <span style="font-weight:bold">font-weight:bold</span>

    Strong
    <strong>Strong</strong>


  • Due to the poor readability of italics, it should be used only to emphasize words or very small sections of text (5-10 words) such as a book or article title. It should not be used to emphasize large bodies of text such as paragraphs or quotes. Of these examples, the EM tag differs because it also emphasizes the text, which is important when considering screen readers and other alternate browsers.

    Italic
    <i>Italic</i>

    font-style:italic
    <span style="font-style:italic">font-style:italic</span>

    Emphasis
    <em>Emphasis</em>

    Citation
    <cite>Citation</cite>

*For more information on how the Sun style sheet works, and how to use the STYLE and CLASS attributes, please refer to the CSS page.

Back to top

Copyright, Trademark, Service Mark, and Registered Trademark Symbols

There is no need to indicate copyright notices, the TM boilerplate, the TM symbol or the SM symbol in the body copy on sun.com. At the bottom of each page is a standard footer that includes copyright notices, links to legal terms, Sun trademarks and Sun's trademark policy. However, the Registered symbol - ® - should always be indicated in body copy.

Exceptions
The TM symbol needs to be indicated on:

  • all software download pages
  • all downloadable documents, such as PDFs
  • all press releases

Country sites and the Trademarks page
Country sites are to create an "international version" of the Trademarks page using the (secure) provided translations of the opening paragraphs. The site is to link to the centrally managed Trademark List. This list is not to be replicated elsewhere. Here's an example of the page to be created: http://uk.sun.com/company/suntrademarks/

Post Opening paragraphs and follow with two additional links:

  1. Link Name: View Sun Trademark Logo & Usage Requirements (sun.com)
    Link URL: http://www.sun.com/policies/trademarks/
  2. Link Name: View Sun Trademark
    Pop-up window code:
    <a href="#" onClick="javascript:window.open ('http://www.sun.com/suntrademarks/tm.html','SunTrademarks','width=500,height=600,scrollbars=1');">Sun Trademarks</a>
  3. No right hand navigation to be displayed.
  4. Add Footer link titled 'Trademarks' to site navigation.
  5. Send updated footer html version to global_search@sun.com to update Global Search template.

Trademark Code & Style Guide

  • Copyright symbols are represented by the &copy; entity.

    Lorem Ipsum 1999©
    Lorem Ipsum 1999&copy;


  • Registered Trademark symbols are represented by the &reg; entity.

    Lorem Ipsum®
    Lorem Ipsum&reg;


  • Trademark symbols are represented by the lowercase text [tm]*.

    Lorem Ipsum[tm]
    Lorem Ipsum[tm]


  • Service Mark symbols are represented by the lowercase text [sm]*.

    Lorem Ipsum[sm]
    Lorem Ipsum[sm]

* Trademarks and Service Marks found in graphics should use traditional, superscript Trademarks and Service Marks.

Back to top