Versions Compared

Version Old Version 16 New Version 17
Changes made by

Femi

Femi

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagecss
font-family: 'Inter', Arial, sans-serif;


Type Scale

...

rempxActual size
0.625rem10px


Html macro
<style>
	@import url('https://rsms.me/inter/inter.css');
	html { font-family: 'Inter' !important; }
</style>
<span style="font-family: 'Inter', arial; font-size: 10px;">Powering actionable intelligence</span>


0.6875rem11px


Html macro
<span style="font-family: arial; font-size: 11px;">Powering actionable intelligence</span>


0.75rem12px


Html macro
<span style="font-family: arial; font-size: 12px;">Powering actionable intelligence</span>


0.875rem14px


Html macro
<span style="font-family: arial; font-size: 14px;">Powering actionable intelligence</span>


1rem16px


Html macro
<span style="font-family: arial; font-size: 16px;">Powering actionable intelligence</span>


1.125rem18px


Html macro
<span style="font-family: arial; font-size: 18px;">Powering actionable intelligence</span>


1.25rem20px


Html macro
<span style="font-family: arial; font-size: 20px;">Powering actionable intelligence</span>


1.5rem24px


Html macro
<span style="font-family: arial; font-size: 24px;">Powering actionable intelligence</span>


1.75rem28px


Html macro
<span style="font-family: arial; font-size: 28px;">Powering actionable intelligence</span>


2rem32px


Html macro
<span style="font-family: arial; font-size: 32px;">Powering actionable intelligence</span>


2.25rem36px


Html macro
<span style="font-family: arial; font-size: 36px;">Powering actionable intelligence</span>


2.625rem42px


Html macro
<span style="font-family: arial; font-size: 42px;">Powering actionable intelligence</span>


3rem48px


Html macro
<span style="font-family: arial; font-size: 48px;">Powering actionable intelligence</span>


3.375rem54px


Html macro
<span style="font-family: arial; font-size: 54px;">Powering actionable intelligence</span>


3.75rem60px


Html macro
<span style="font-family: arial; font-size: 60px;">Powering actionable intelligence</span>


...