Skip to main content

Fonts

Font load and fallback order: Public Sans Web, Segoe UI, Helvetica, Arial

Font availability

Public Sans Web - Download
A strong, neutral, open source typeface for text or display.
Segoe UI
Ships with Windows Vista and newer and Microsoft Office.
Helvetica
Ships with OSX.
Arial
Ships with most operating systems.

Weights

700 - Bold text.

Bolder - Bolder weight text (relative to the parent element).

400 - Normal weight text.

300 - Light weight text.

Lighter - Lighter weight text (relative to the parent element).

400 - Italic text.

Example HTML usage:
<!--Font weight -->
<p class="font-weight-bold">700 - Bold text.</p>
<p class="font-weight-bolder">
  Bolder - Bolder weight text (relative to the parent element).
</p>
<p class="font-weight-normal">400 - Normal weight text.</p>
<p class="font-weight-light">300 - Light weight text.</p>
<p class="font-weight-lighter">
  Lighter - Lighter weight text (relative to the parent element).
</p>
<p class="font-italic">400 - Italic text.</p>

Styles

Public Sans Web

h1

Regular 2.5rem

h2

Semibold 1.5rem

h3

Semibold 1.25rem

h4

Semibold 1.125rem

h5
Semibold 1rem
h6
Semibold 0.875rem
Body
Regular 1rem
Example HTML usage:
<!--Font weight -->
<table class="table table-borderless table-valign">
  <tbody>
    <tr>
      <td>h1</td>
      <td><h1>Regular 2.5rem</h1></td>
    </tr>
    <tr>
      <td>h2</td>
      <td><h2>Semibold 1.5rem</h2></td>
    </tr>
    <tr>
      <td>h3</td>
      <td><h3>Semibold 1.25rem</h3></td>
    </tr>
    <tr>
      <td>h4</td>
      <td><h4>Semibold 1.125rem</h4></td>
    </tr>
    <tr>
      <td>h5</td>
      <td><h5>Semibold 1rem</h5></td>
    </tr>
    <tr>
      <td>h6</td>
      <td><h6>Semibold 0.875rem</h6></td>
    </tr>
    <tr>
      <td>Body</td>
      <td><div>Regular 1rem</div></td>
    </tr>
  </tbody>
</table>

Responsive heading size

Add .text-responsive on h1 - h5 to make them responsive in size.

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
Example HTML usage:
<h1 class="text-responsive"> This is heading 1 </h1>
<h2 class="text-responsive"> This is heading 2 </h2>
<h3 class="text-responsive"> This is heading 3 </h3>
<h4 class="text-responsive"> This is heading 4 </h4>
<h5 class="text-responsive"> This is heading 5 </h5>

Blockquotes

Add a <footer class="blockquote-footer"> for identifying the source. Wrap the name of the source work in <cite>.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Example HTML usage:
<!--Blockquote -->
<blockquote class="blockquote">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
    erat a ante.
  </p>
</blockquote>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title
Example HTML usage:
<!--Blockquote -->
<blockquote class="blockquote">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
    erat a ante.
  </p>
  <footer class="blockquote-footer">
    Someone famous in <cite title="Source Title">Source Title</cite>
  </footer>
</blockquote>

Pairings

Search for patents

New to Patent Searching? See this important information about searching for patents

Jul 14, 2015

Inventors are encouraged to search the USPTO's patent database to see if a patent has already been filed or granted that is similar to your patent. Patents may be searched in the USPTO Patent Full-Text and Image Database (PatFT). The USPTO houses full text for patents issued from 1976 to the present and PDF images for all patents from 1790 to the present.

All sequences (SEQ ID NOs.) and tables for listed patents or publications are available for viewing, without downloading, by accessing the proper document detail page and then submitting a SEQ ID NO or a mega table ID number.

Global Patent Search Network (GPSN)

Global Patent Search Network (GPSN) enables users to search the full text of multiple international patent collections. The initial collection available will be Chinese patent documentation from the State Intellectual Property Office (SIPO) of the People's Republic of China. Users can search published applications, granted patents and utility models from 1985 to 2012. The data available includes full text Chinese patents, English machine translations and full document images. This collection will be periodically updated to include additional years of coverage.

Searching full text patents (since 1976)

Customize a search on all or a selected group of elements (fields) of a patent.

Patent Application Information Retrieval (PAIR)

The Patent Application Information Retrieval (PAIR) system provides IP customers a safe, simple, and secure way to retrieve and download information regarding patent application status.

Colors

.text-primary

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-light

.text-dark

.text-body

.text-muted

.text-white

Example HTML usage:
<!--Colors -->
<p class="text-primary">.text-primary</p>
<p class="text-secondary">.text-secondary</p>
<p class="text-success">.text-success</p>
<p class="text-danger">.text-danger</p>
<p class="text-warning">.text-warning</p>
<p class="text-info">.text-info</p>
<p class="text-light bg-dark">.text-light</p>
<p class="text-dark">.text-dark</p>
<p class="text-body">.text-body</p>
<p class="text-muted">.text-muted</p>
<p class="text-white bg-dark">.text-white</p>

Line height

Add line height classes according to context of the text, different line heights require the use of .line-height-* {xs, sm, md, lg, xl, 2x, 3x}.

Example

Line height class: .line-height-md

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cupiditate fugiat sequi possimus illo consectetur architecto, culpa inventore neque aspernatur odio fuga veritatis quisquam soluta numquam facere. Natus eveniet voluptatibus inventore. Cupiditate fugiat sequi possimus illo consectetur architecto, culpa inventore neque aspernatur odio fuga veritatis quisquam soluta numquam facere. Natus eveniet voluptatibus inventore. Cupiditate fugiat sequi possimus illo consectetur architecto eveniet voluptatibus.