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.
<!--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 |
<!--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
<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.
<!--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.
<!--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
<!--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.