JSPM

  • Created
  • Published
  • Downloads 8491
  • Score
    100M100P100Q136163F
  • License OFL-1.1

Self-host the Lora font in a neatly bundled NPM package.

Package Exports

  • @fontsource/lora
  • @fontsource/lora/400
  • @fontsource/lora/400-italic
  • @fontsource/lora/400-italic.css
  • @fontsource/lora/400.css
  • @fontsource/lora/500
  • @fontsource/lora/500-italic
  • @fontsource/lora/500-italic.css
  • @fontsource/lora/500.css
  • @fontsource/lora/600
  • @fontsource/lora/600-italic
  • @fontsource/lora/600-italic.css
  • @fontsource/lora/600.css
  • @fontsource/lora/700
  • @fontsource/lora/700-italic
  • @fontsource/lora/700-italic.css
  • @fontsource/lora/700.css
  • @fontsource/lora/LICENSE
  • @fontsource/lora/cyrillic
  • @fontsource/lora/cyrillic-400
  • @fontsource/lora/cyrillic-400-italic
  • @fontsource/lora/cyrillic-400-italic.css
  • @fontsource/lora/cyrillic-400.css
  • @fontsource/lora/cyrillic-500
  • @fontsource/lora/cyrillic-500-italic
  • @fontsource/lora/cyrillic-500-italic.css
  • @fontsource/lora/cyrillic-500.css
  • @fontsource/lora/cyrillic-600
  • @fontsource/lora/cyrillic-600-italic
  • @fontsource/lora/cyrillic-600-italic.css
  • @fontsource/lora/cyrillic-600.css
  • @fontsource/lora/cyrillic-700
  • @fontsource/lora/cyrillic-700-italic
  • @fontsource/lora/cyrillic-700-italic.css
  • @fontsource/lora/cyrillic-700.css
  • @fontsource/lora/cyrillic-ext
  • @fontsource/lora/cyrillic-ext-400
  • @fontsource/lora/cyrillic-ext-400-italic
  • @fontsource/lora/cyrillic-ext-400-italic.css
  • @fontsource/lora/cyrillic-ext-400.css
  • @fontsource/lora/cyrillic-ext-500
  • @fontsource/lora/cyrillic-ext-500-italic
  • @fontsource/lora/cyrillic-ext-500-italic.css
  • @fontsource/lora/cyrillic-ext-500.css
  • @fontsource/lora/cyrillic-ext-600
  • @fontsource/lora/cyrillic-ext-600-italic
  • @fontsource/lora/cyrillic-ext-600-italic.css
  • @fontsource/lora/cyrillic-ext-600.css
  • @fontsource/lora/cyrillic-ext-700
  • @fontsource/lora/cyrillic-ext-700-italic
  • @fontsource/lora/cyrillic-ext-700-italic.css
  • @fontsource/lora/cyrillic-ext-700.css
  • @fontsource/lora/cyrillic-ext-italic
  • @fontsource/lora/cyrillic-ext-italic.css
  • @fontsource/lora/cyrillic-ext.css
  • @fontsource/lora/cyrillic-italic
  • @fontsource/lora/cyrillic-italic.css
  • @fontsource/lora/cyrillic.css
  • @fontsource/lora/files/lora-cyrillic-400-italic.woff
  • @fontsource/lora/files/lora-cyrillic-400-italic.woff2
  • @fontsource/lora/files/lora-cyrillic-400-normal.woff
  • @fontsource/lora/files/lora-cyrillic-400-normal.woff2
  • @fontsource/lora/files/lora-cyrillic-500-italic.woff
  • @fontsource/lora/files/lora-cyrillic-500-italic.woff2
  • @fontsource/lora/files/lora-cyrillic-500-normal.woff
  • @fontsource/lora/files/lora-cyrillic-500-normal.woff2
  • @fontsource/lora/files/lora-cyrillic-600-italic.woff
  • @fontsource/lora/files/lora-cyrillic-600-italic.woff2
  • @fontsource/lora/files/lora-cyrillic-600-normal.woff
  • @fontsource/lora/files/lora-cyrillic-600-normal.woff2
  • @fontsource/lora/files/lora-cyrillic-700-italic.woff
  • @fontsource/lora/files/lora-cyrillic-700-italic.woff2
  • @fontsource/lora/files/lora-cyrillic-700-normal.woff
  • @fontsource/lora/files/lora-cyrillic-700-normal.woff2
  • @fontsource/lora/files/lora-cyrillic-ext-400-italic.woff
  • @fontsource/lora/files/lora-cyrillic-ext-400-italic.woff2
  • @fontsource/lora/files/lora-cyrillic-ext-400-normal.woff
  • @fontsource/lora/files/lora-cyrillic-ext-400-normal.woff2
  • @fontsource/lora/files/lora-cyrillic-ext-500-italic.woff
  • @fontsource/lora/files/lora-cyrillic-ext-500-italic.woff2
  • @fontsource/lora/files/lora-cyrillic-ext-500-normal.woff
  • @fontsource/lora/files/lora-cyrillic-ext-500-normal.woff2
  • @fontsource/lora/files/lora-cyrillic-ext-600-italic.woff
  • @fontsource/lora/files/lora-cyrillic-ext-600-italic.woff2
  • @fontsource/lora/files/lora-cyrillic-ext-600-normal.woff
  • @fontsource/lora/files/lora-cyrillic-ext-600-normal.woff2
  • @fontsource/lora/files/lora-cyrillic-ext-700-italic.woff
  • @fontsource/lora/files/lora-cyrillic-ext-700-italic.woff2
  • @fontsource/lora/files/lora-cyrillic-ext-700-normal.woff
  • @fontsource/lora/files/lora-cyrillic-ext-700-normal.woff2
  • @fontsource/lora/files/lora-latin-400-italic.woff
  • @fontsource/lora/files/lora-latin-400-italic.woff2
  • @fontsource/lora/files/lora-latin-400-normal.woff
  • @fontsource/lora/files/lora-latin-400-normal.woff2
  • @fontsource/lora/files/lora-latin-500-italic.woff
  • @fontsource/lora/files/lora-latin-500-italic.woff2
  • @fontsource/lora/files/lora-latin-500-normal.woff
  • @fontsource/lora/files/lora-latin-500-normal.woff2
  • @fontsource/lora/files/lora-latin-600-italic.woff
  • @fontsource/lora/files/lora-latin-600-italic.woff2
  • @fontsource/lora/files/lora-latin-600-normal.woff
  • @fontsource/lora/files/lora-latin-600-normal.woff2
  • @fontsource/lora/files/lora-latin-700-italic.woff
  • @fontsource/lora/files/lora-latin-700-italic.woff2
  • @fontsource/lora/files/lora-latin-700-normal.woff
  • @fontsource/lora/files/lora-latin-700-normal.woff2
  • @fontsource/lora/files/lora-latin-ext-400-italic.woff
  • @fontsource/lora/files/lora-latin-ext-400-italic.woff2
  • @fontsource/lora/files/lora-latin-ext-400-normal.woff
  • @fontsource/lora/files/lora-latin-ext-400-normal.woff2
  • @fontsource/lora/files/lora-latin-ext-500-italic.woff
  • @fontsource/lora/files/lora-latin-ext-500-italic.woff2
  • @fontsource/lora/files/lora-latin-ext-500-normal.woff
  • @fontsource/lora/files/lora-latin-ext-500-normal.woff2
  • @fontsource/lora/files/lora-latin-ext-600-italic.woff
  • @fontsource/lora/files/lora-latin-ext-600-italic.woff2
  • @fontsource/lora/files/lora-latin-ext-600-normal.woff
  • @fontsource/lora/files/lora-latin-ext-600-normal.woff2
  • @fontsource/lora/files/lora-latin-ext-700-italic.woff
  • @fontsource/lora/files/lora-latin-ext-700-italic.woff2
  • @fontsource/lora/files/lora-latin-ext-700-normal.woff
  • @fontsource/lora/files/lora-latin-ext-700-normal.woff2
  • @fontsource/lora/files/lora-math-400-italic.woff
  • @fontsource/lora/files/lora-math-400-italic.woff2
  • @fontsource/lora/files/lora-math-400-normal.woff
  • @fontsource/lora/files/lora-math-400-normal.woff2
  • @fontsource/lora/files/lora-math-500-italic.woff
  • @fontsource/lora/files/lora-math-500-italic.woff2
  • @fontsource/lora/files/lora-math-500-normal.woff
  • @fontsource/lora/files/lora-math-500-normal.woff2
  • @fontsource/lora/files/lora-math-600-italic.woff
  • @fontsource/lora/files/lora-math-600-italic.woff2
  • @fontsource/lora/files/lora-math-600-normal.woff
  • @fontsource/lora/files/lora-math-600-normal.woff2
  • @fontsource/lora/files/lora-math-700-italic.woff
  • @fontsource/lora/files/lora-math-700-italic.woff2
  • @fontsource/lora/files/lora-math-700-normal.woff
  • @fontsource/lora/files/lora-math-700-normal.woff2
  • @fontsource/lora/files/lora-symbols-400-italic.woff
  • @fontsource/lora/files/lora-symbols-400-italic.woff2
  • @fontsource/lora/files/lora-symbols-400-normal.woff
  • @fontsource/lora/files/lora-symbols-400-normal.woff2
  • @fontsource/lora/files/lora-symbols-500-italic.woff
  • @fontsource/lora/files/lora-symbols-500-italic.woff2
  • @fontsource/lora/files/lora-symbols-500-normal.woff
  • @fontsource/lora/files/lora-symbols-500-normal.woff2
  • @fontsource/lora/files/lora-symbols-600-italic.woff
  • @fontsource/lora/files/lora-symbols-600-italic.woff2
  • @fontsource/lora/files/lora-symbols-600-normal.woff
  • @fontsource/lora/files/lora-symbols-600-normal.woff2
  • @fontsource/lora/files/lora-symbols-700-italic.woff
  • @fontsource/lora/files/lora-symbols-700-italic.woff2
  • @fontsource/lora/files/lora-symbols-700-normal.woff
  • @fontsource/lora/files/lora-symbols-700-normal.woff2
  • @fontsource/lora/files/lora-vietnamese-400-italic.woff
  • @fontsource/lora/files/lora-vietnamese-400-italic.woff2
  • @fontsource/lora/files/lora-vietnamese-400-normal.woff
  • @fontsource/lora/files/lora-vietnamese-400-normal.woff2
  • @fontsource/lora/files/lora-vietnamese-500-italic.woff
  • @fontsource/lora/files/lora-vietnamese-500-italic.woff2
  • @fontsource/lora/files/lora-vietnamese-500-normal.woff
  • @fontsource/lora/files/lora-vietnamese-500-normal.woff2
  • @fontsource/lora/files/lora-vietnamese-600-italic.woff
  • @fontsource/lora/files/lora-vietnamese-600-italic.woff2
  • @fontsource/lora/files/lora-vietnamese-600-normal.woff
  • @fontsource/lora/files/lora-vietnamese-600-normal.woff2
  • @fontsource/lora/files/lora-vietnamese-700-italic.woff
  • @fontsource/lora/files/lora-vietnamese-700-italic.woff2
  • @fontsource/lora/files/lora-vietnamese-700-normal.woff
  • @fontsource/lora/files/lora-vietnamese-700-normal.woff2
  • @fontsource/lora/index
  • @fontsource/lora/index.css
  • @fontsource/lora/latin
  • @fontsource/lora/latin-400
  • @fontsource/lora/latin-400-italic
  • @fontsource/lora/latin-400-italic.css
  • @fontsource/lora/latin-400.css
  • @fontsource/lora/latin-500
  • @fontsource/lora/latin-500-italic
  • @fontsource/lora/latin-500-italic.css
  • @fontsource/lora/latin-500.css
  • @fontsource/lora/latin-600
  • @fontsource/lora/latin-600-italic
  • @fontsource/lora/latin-600-italic.css
  • @fontsource/lora/latin-600.css
  • @fontsource/lora/latin-700
  • @fontsource/lora/latin-700-italic
  • @fontsource/lora/latin-700-italic.css
  • @fontsource/lora/latin-700.css
  • @fontsource/lora/latin-ext
  • @fontsource/lora/latin-ext-400
  • @fontsource/lora/latin-ext-400-italic
  • @fontsource/lora/latin-ext-400-italic.css
  • @fontsource/lora/latin-ext-400.css
  • @fontsource/lora/latin-ext-500
  • @fontsource/lora/latin-ext-500-italic
  • @fontsource/lora/latin-ext-500-italic.css
  • @fontsource/lora/latin-ext-500.css
  • @fontsource/lora/latin-ext-600
  • @fontsource/lora/latin-ext-600-italic
  • @fontsource/lora/latin-ext-600-italic.css
  • @fontsource/lora/latin-ext-600.css
  • @fontsource/lora/latin-ext-700
  • @fontsource/lora/latin-ext-700-italic
  • @fontsource/lora/latin-ext-700-italic.css
  • @fontsource/lora/latin-ext-700.css
  • @fontsource/lora/latin-ext-italic
  • @fontsource/lora/latin-ext-italic.css
  • @fontsource/lora/latin-ext.css
  • @fontsource/lora/latin-italic
  • @fontsource/lora/latin-italic.css
  • @fontsource/lora/latin.css
  • @fontsource/lora/math
  • @fontsource/lora/math-400
  • @fontsource/lora/math-400-italic
  • @fontsource/lora/math-400-italic.css
  • @fontsource/lora/math-400.css
  • @fontsource/lora/math-500
  • @fontsource/lora/math-500-italic
  • @fontsource/lora/math-500-italic.css
  • @fontsource/lora/math-500.css
  • @fontsource/lora/math-600
  • @fontsource/lora/math-600-italic
  • @fontsource/lora/math-600-italic.css
  • @fontsource/lora/math-600.css
  • @fontsource/lora/math-700
  • @fontsource/lora/math-700-italic
  • @fontsource/lora/math-700-italic.css
  • @fontsource/lora/math-700.css
  • @fontsource/lora/math-italic
  • @fontsource/lora/math-italic.css
  • @fontsource/lora/math.css
  • @fontsource/lora/metadata.json
  • @fontsource/lora/package.json
  • @fontsource/lora/scss
  • @fontsource/lora/symbols
  • @fontsource/lora/symbols-400
  • @fontsource/lora/symbols-400-italic
  • @fontsource/lora/symbols-400-italic.css
  • @fontsource/lora/symbols-400.css
  • @fontsource/lora/symbols-500
  • @fontsource/lora/symbols-500-italic
  • @fontsource/lora/symbols-500-italic.css
  • @fontsource/lora/symbols-500.css
  • @fontsource/lora/symbols-600
  • @fontsource/lora/symbols-600-italic
  • @fontsource/lora/symbols-600-italic.css
  • @fontsource/lora/symbols-600.css
  • @fontsource/lora/symbols-700
  • @fontsource/lora/symbols-700-italic
  • @fontsource/lora/symbols-700-italic.css
  • @fontsource/lora/symbols-700.css
  • @fontsource/lora/symbols-italic
  • @fontsource/lora/symbols-italic.css
  • @fontsource/lora/symbols.css
  • @fontsource/lora/unicode.json
  • @fontsource/lora/vietnamese
  • @fontsource/lora/vietnamese-400
  • @fontsource/lora/vietnamese-400-italic
  • @fontsource/lora/vietnamese-400-italic.css
  • @fontsource/lora/vietnamese-400.css
  • @fontsource/lora/vietnamese-500
  • @fontsource/lora/vietnamese-500-italic
  • @fontsource/lora/vietnamese-500-italic.css
  • @fontsource/lora/vietnamese-500.css
  • @fontsource/lora/vietnamese-600
  • @fontsource/lora/vietnamese-600-italic
  • @fontsource/lora/vietnamese-600-italic.css
  • @fontsource/lora/vietnamese-600.css
  • @fontsource/lora/vietnamese-700
  • @fontsource/lora/vietnamese-700-italic
  • @fontsource/lora/vietnamese-700-italic.css
  • @fontsource/lora/vietnamese-700.css
  • @fontsource/lora/vietnamese-italic
  • @fontsource/lora/vietnamese-italic.css
  • @fontsource/lora/vietnamese.css

Readme

Fontsource Lora

npm (scoped) Generic badge Monthly downloads Total downloads GitHub stars

The CSS and web font files to easily self-host the “Lora” font. Please visit the main Fontsource website to view more details on this package.

Quick Installation

Fontsource offers multiple methods to import the CSS, including using a bundler like Vite or using SASS. You can find full documentation here.

npm install @fontsource/lora

Within your app entry file or site component, import it in.

import "@fontsource/lora"; // Defaults to weight 400
import "@fontsource/lora/400.css"; // Specify weight
import "@fontsource/lora/400-italic.css"; // Specify weight and style

Supported variables:

  • Weights: [400,500,600,700]
  • Styles: [italic,normal]
  • Subsets: [cyrillic,cyrillic-ext,latin,latin-ext,math,symbols,vietnamese]

Note: italic may not be supported by all fonts. To learn more about what weights and styles are supported, please visit the Fontsource website.

Finally, you can reference the font name in a CSS stylesheet, CSS Module, or CSS-in-JS.

body {
  font-family: "Lora";
}

Licensing

Always make sure to read the license for each font you use. Most of the fonts in the collection use the SIL Open Font License, v1.1. Some fonts use the Apache 2 license. The Ubuntu fonts use the Ubuntu Font License v1.0.

Google Inc. OFL-1.1

Other Notes

Font version (provided by source): v37.

If you have any suggestions or ideas to improve the performance of font loading or expand the existing library, feel free to star and contribute to this repository. You can share your suggestions or ideas by creating an issue.