Typography

Document Extension Icons

Representative icons will automatically display next to links which have document extensions, i.e. .pdf, .docx, .xlsx.

Note: the code view below shows an example of the HTML links and text but doesn't include the icon markup. The markup for the icons is dynamically inserted with JavaScript.

A PDF file
An old Word file
A Word file
An old Excel file
An Excel file

<p>
  <a href="test.pdf">A PDF file</a><br>
  <a href="test.doc">An old Word file</a><br>
  <a href="test.docx">A Word file</a><br>
  <a href="test.xls">An old Excel file</a><br>
  <a href="test.xlsx">An Excel file</a>
</p>