Use Noto!

I use Noto all over the place. I found I was repeating the same conversion + import process on every site. So, I built this project as a way for me to import Noto quickly.

Import the stylesheets of the variants you want into your project:

There are quite a few...
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-hebrew-100.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-hebrew-200.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-hebrew-300.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-hebrew-400.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-hebrew-500.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-hebrew-600.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-hebrew-700.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-hebrew-800.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-hebrew-900.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-100.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-200.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-300.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-400.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-500.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-600.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-700.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-800.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-900.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-italic-100.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-italic-200.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-italic-300.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-italic-400.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-italic-500.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-italic-600.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-italic-700.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-italic-800.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-italic-900.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-100.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-200.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-300.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-400.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-500.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-600.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-700.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-800.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-900.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-mono-100.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-mono-200.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-mono-300.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-mono-400.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-mono-500.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-mono-600.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-mono-700.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-mono-800.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-mono-900.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-italic-100.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-italic-200.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-italic-300.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-italic-400.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-italic-500.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-italic-600.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-italic-700.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-italic-800.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-italic-900.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-hebrew-100.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-hebrew-200.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-hebrew-300.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-hebrew-400.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-hebrew-500.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-hebrew-600.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-hebrew-700.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-hebrew-800.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-hebrew-900.css';

...or you can import everything per family:

@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-hebrew.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-italic.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-sans-mono.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-italic.css';
@import 'https://use-noto.assertchris.io/stylesheets/noto-serif-hebrew.css';

Then, use the fonts in your CSS:

.noto-sans-hebrew { font-family: 'Noto Sans Hebrew'; }
.noto-sans { font-family: 'Noto Sans'; }
.noto-serif { font-family: 'Noto Serif'; }
.noto-sans-mono { font-family: 'Noto Sans Mono'; }
.noto-serif-hebrew { font-family: 'Noto Serif Hebrew'; }

Samples

There are quite a few...
לִטעוֹם
לִטעוֹם
לִטעוֹם
לִטעוֹם
לִטעוֹם
לִטעוֹם
לִטעוֹם
לִטעוֹם
לִטעוֹם
Noto Sans normal sample
Noto Sans normal sample
Noto Sans normal sample
Noto Sans normal sample
Noto Sans normal sample
Noto Sans normal sample
Noto Sans normal sample
Noto Sans normal sample
Noto Sans normal sample
Noto Sans italic sample
Noto Sans italic sample
Noto Sans italic sample
Noto Sans italic sample
Noto Sans italic sample
Noto Sans italic sample
Noto Sans italic sample
Noto Sans italic sample
Noto Sans italic sample
Noto Serif normal sample
Noto Serif normal sample
Noto Serif normal sample
Noto Serif normal sample
Noto Serif normal sample
Noto Serif normal sample
Noto Serif normal sample
Noto Serif normal sample
Noto Serif normal sample
Noto Sans Mono normal sample
Noto Sans Mono normal sample
Noto Sans Mono normal sample
Noto Sans Mono normal sample
Noto Sans Mono normal sample
Noto Sans Mono normal sample
Noto Sans Mono normal sample
Noto Sans Mono normal sample
Noto Sans Mono normal sample
Noto Serif italic sample
Noto Serif italic sample
Noto Serif italic sample
Noto Serif italic sample
Noto Serif italic sample
Noto Serif italic sample
Noto Serif italic sample
Noto Serif italic sample
Noto Serif italic sample
לִטעוֹם
לִטעוֹם
לִטעוֹם
לִטעוֹם
לִטעוֹם
לִטעוֹם
לִטעוֹם
לִטעוֹם
לִטעוֹם