JSPM

  • Created
  • Published
  • Downloads 1932
  • Score
    100M100P100Q121010F
  • License OFL-1.1

Self-host the Be Vietnam Pro font in a neatly bundled NPM package.

Package Exports

  • @fontsource/be-vietnam-pro
  • @fontsource/be-vietnam-pro/100
  • @fontsource/be-vietnam-pro/100-italic
  • @fontsource/be-vietnam-pro/100-italic.css
  • @fontsource/be-vietnam-pro/100.css
  • @fontsource/be-vietnam-pro/200
  • @fontsource/be-vietnam-pro/200-italic
  • @fontsource/be-vietnam-pro/200-italic.css
  • @fontsource/be-vietnam-pro/200.css
  • @fontsource/be-vietnam-pro/300
  • @fontsource/be-vietnam-pro/300-italic
  • @fontsource/be-vietnam-pro/300-italic.css
  • @fontsource/be-vietnam-pro/300.css
  • @fontsource/be-vietnam-pro/400
  • @fontsource/be-vietnam-pro/400-italic
  • @fontsource/be-vietnam-pro/400-italic.css
  • @fontsource/be-vietnam-pro/400.css
  • @fontsource/be-vietnam-pro/500
  • @fontsource/be-vietnam-pro/500-italic
  • @fontsource/be-vietnam-pro/500-italic.css
  • @fontsource/be-vietnam-pro/500.css
  • @fontsource/be-vietnam-pro/600
  • @fontsource/be-vietnam-pro/600-italic
  • @fontsource/be-vietnam-pro/600-italic.css
  • @fontsource/be-vietnam-pro/600.css
  • @fontsource/be-vietnam-pro/700
  • @fontsource/be-vietnam-pro/700-italic
  • @fontsource/be-vietnam-pro/700-italic.css
  • @fontsource/be-vietnam-pro/700.css
  • @fontsource/be-vietnam-pro/800
  • @fontsource/be-vietnam-pro/800-italic
  • @fontsource/be-vietnam-pro/800-italic.css
  • @fontsource/be-vietnam-pro/800.css
  • @fontsource/be-vietnam-pro/900
  • @fontsource/be-vietnam-pro/900-italic
  • @fontsource/be-vietnam-pro/900-italic.css
  • @fontsource/be-vietnam-pro/900.css
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-100-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-100-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-100-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-100-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-200-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-200-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-200-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-200-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-300-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-300-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-300-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-300-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-400-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-400-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-400-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-400-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-500-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-500-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-500-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-500-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-600-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-600-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-600-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-600-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-700-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-700-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-700-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-700-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-800-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-800-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-800-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-800-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-900-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-900-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-900-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-900-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-100-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-100-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-100-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-100-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-200-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-200-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-200-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-200-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-300-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-300-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-300-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-300-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-400-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-400-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-400-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-400-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-500-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-500-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-500-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-500-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-600-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-600-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-600-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-600-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-700-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-700-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-700-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-700-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-800-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-800-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-800-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-800-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-900-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-900-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-900-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-latin-ext-900-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-100-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-100-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-100-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-100-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-200-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-200-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-200-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-200-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-300-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-300-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-300-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-300-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-400-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-400-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-400-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-400-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-500-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-500-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-500-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-500-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-600-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-600-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-600-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-600-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-700-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-700-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-700-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-700-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-800-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-800-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-800-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-800-normal.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-900-italic.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-900-italic.woff2
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-900-normal.woff
  • @fontsource/be-vietnam-pro/files/be-vietnam-pro-vietnamese-900-normal.woff2
  • @fontsource/be-vietnam-pro/index
  • @fontsource/be-vietnam-pro/index.css
  • @fontsource/be-vietnam-pro/latin
  • @fontsource/be-vietnam-pro/latin-100
  • @fontsource/be-vietnam-pro/latin-100-italic
  • @fontsource/be-vietnam-pro/latin-100-italic.css
  • @fontsource/be-vietnam-pro/latin-100.css
  • @fontsource/be-vietnam-pro/latin-200
  • @fontsource/be-vietnam-pro/latin-200-italic
  • @fontsource/be-vietnam-pro/latin-200-italic.css
  • @fontsource/be-vietnam-pro/latin-200.css
  • @fontsource/be-vietnam-pro/latin-300
  • @fontsource/be-vietnam-pro/latin-300-italic
  • @fontsource/be-vietnam-pro/latin-300-italic.css
  • @fontsource/be-vietnam-pro/latin-300.css
  • @fontsource/be-vietnam-pro/latin-400
  • @fontsource/be-vietnam-pro/latin-400-italic
  • @fontsource/be-vietnam-pro/latin-400-italic.css
  • @fontsource/be-vietnam-pro/latin-400.css
  • @fontsource/be-vietnam-pro/latin-500
  • @fontsource/be-vietnam-pro/latin-500-italic
  • @fontsource/be-vietnam-pro/latin-500-italic.css
  • @fontsource/be-vietnam-pro/latin-500.css
  • @fontsource/be-vietnam-pro/latin-600
  • @fontsource/be-vietnam-pro/latin-600-italic
  • @fontsource/be-vietnam-pro/latin-600-italic.css
  • @fontsource/be-vietnam-pro/latin-600.css
  • @fontsource/be-vietnam-pro/latin-700
  • @fontsource/be-vietnam-pro/latin-700-italic
  • @fontsource/be-vietnam-pro/latin-700-italic.css
  • @fontsource/be-vietnam-pro/latin-700.css
  • @fontsource/be-vietnam-pro/latin-800
  • @fontsource/be-vietnam-pro/latin-800-italic
  • @fontsource/be-vietnam-pro/latin-800-italic.css
  • @fontsource/be-vietnam-pro/latin-800.css
  • @fontsource/be-vietnam-pro/latin-900
  • @fontsource/be-vietnam-pro/latin-900-italic
  • @fontsource/be-vietnam-pro/latin-900-italic.css
  • @fontsource/be-vietnam-pro/latin-900.css
  • @fontsource/be-vietnam-pro/latin-ext
  • @fontsource/be-vietnam-pro/latin-ext-100
  • @fontsource/be-vietnam-pro/latin-ext-100-italic
  • @fontsource/be-vietnam-pro/latin-ext-100-italic.css
  • @fontsource/be-vietnam-pro/latin-ext-100.css
  • @fontsource/be-vietnam-pro/latin-ext-200
  • @fontsource/be-vietnam-pro/latin-ext-200-italic
  • @fontsource/be-vietnam-pro/latin-ext-200-italic.css
  • @fontsource/be-vietnam-pro/latin-ext-200.css
  • @fontsource/be-vietnam-pro/latin-ext-300
  • @fontsource/be-vietnam-pro/latin-ext-300-italic
  • @fontsource/be-vietnam-pro/latin-ext-300-italic.css
  • @fontsource/be-vietnam-pro/latin-ext-300.css
  • @fontsource/be-vietnam-pro/latin-ext-400
  • @fontsource/be-vietnam-pro/latin-ext-400-italic
  • @fontsource/be-vietnam-pro/latin-ext-400-italic.css
  • @fontsource/be-vietnam-pro/latin-ext-400.css
  • @fontsource/be-vietnam-pro/latin-ext-500
  • @fontsource/be-vietnam-pro/latin-ext-500-italic
  • @fontsource/be-vietnam-pro/latin-ext-500-italic.css
  • @fontsource/be-vietnam-pro/latin-ext-500.css
  • @fontsource/be-vietnam-pro/latin-ext-600
  • @fontsource/be-vietnam-pro/latin-ext-600-italic
  • @fontsource/be-vietnam-pro/latin-ext-600-italic.css
  • @fontsource/be-vietnam-pro/latin-ext-600.css
  • @fontsource/be-vietnam-pro/latin-ext-700
  • @fontsource/be-vietnam-pro/latin-ext-700-italic
  • @fontsource/be-vietnam-pro/latin-ext-700-italic.css
  • @fontsource/be-vietnam-pro/latin-ext-700.css
  • @fontsource/be-vietnam-pro/latin-ext-800
  • @fontsource/be-vietnam-pro/latin-ext-800-italic
  • @fontsource/be-vietnam-pro/latin-ext-800-italic.css
  • @fontsource/be-vietnam-pro/latin-ext-800.css
  • @fontsource/be-vietnam-pro/latin-ext-900
  • @fontsource/be-vietnam-pro/latin-ext-900-italic
  • @fontsource/be-vietnam-pro/latin-ext-900-italic.css
  • @fontsource/be-vietnam-pro/latin-ext-900.css
  • @fontsource/be-vietnam-pro/latin-ext-italic
  • @fontsource/be-vietnam-pro/latin-ext-italic.css
  • @fontsource/be-vietnam-pro/latin-ext.css
  • @fontsource/be-vietnam-pro/latin-italic
  • @fontsource/be-vietnam-pro/latin-italic.css
  • @fontsource/be-vietnam-pro/latin.css
  • @fontsource/be-vietnam-pro/metadata.json
  • @fontsource/be-vietnam-pro/package.json
  • @fontsource/be-vietnam-pro/scss
  • @fontsource/be-vietnam-pro/unicode.json
  • @fontsource/be-vietnam-pro/vietnamese
  • @fontsource/be-vietnam-pro/vietnamese-100
  • @fontsource/be-vietnam-pro/vietnamese-100-italic
  • @fontsource/be-vietnam-pro/vietnamese-100-italic.css
  • @fontsource/be-vietnam-pro/vietnamese-100.css
  • @fontsource/be-vietnam-pro/vietnamese-200
  • @fontsource/be-vietnam-pro/vietnamese-200-italic
  • @fontsource/be-vietnam-pro/vietnamese-200-italic.css
  • @fontsource/be-vietnam-pro/vietnamese-200.css
  • @fontsource/be-vietnam-pro/vietnamese-300
  • @fontsource/be-vietnam-pro/vietnamese-300-italic
  • @fontsource/be-vietnam-pro/vietnamese-300-italic.css
  • @fontsource/be-vietnam-pro/vietnamese-300.css
  • @fontsource/be-vietnam-pro/vietnamese-400
  • @fontsource/be-vietnam-pro/vietnamese-400-italic
  • @fontsource/be-vietnam-pro/vietnamese-400-italic.css
  • @fontsource/be-vietnam-pro/vietnamese-400.css
  • @fontsource/be-vietnam-pro/vietnamese-500
  • @fontsource/be-vietnam-pro/vietnamese-500-italic
  • @fontsource/be-vietnam-pro/vietnamese-500-italic.css
  • @fontsource/be-vietnam-pro/vietnamese-500.css
  • @fontsource/be-vietnam-pro/vietnamese-600
  • @fontsource/be-vietnam-pro/vietnamese-600-italic
  • @fontsource/be-vietnam-pro/vietnamese-600-italic.css
  • @fontsource/be-vietnam-pro/vietnamese-600.css
  • @fontsource/be-vietnam-pro/vietnamese-700
  • @fontsource/be-vietnam-pro/vietnamese-700-italic
  • @fontsource/be-vietnam-pro/vietnamese-700-italic.css
  • @fontsource/be-vietnam-pro/vietnamese-700.css
  • @fontsource/be-vietnam-pro/vietnamese-800
  • @fontsource/be-vietnam-pro/vietnamese-800-italic
  • @fontsource/be-vietnam-pro/vietnamese-800-italic.css
  • @fontsource/be-vietnam-pro/vietnamese-800.css
  • @fontsource/be-vietnam-pro/vietnamese-900
  • @fontsource/be-vietnam-pro/vietnamese-900-italic
  • @fontsource/be-vietnam-pro/vietnamese-900-italic.css
  • @fontsource/be-vietnam-pro/vietnamese-900.css
  • @fontsource/be-vietnam-pro/vietnamese-italic
  • @fontsource/be-vietnam-pro/vietnamese-italic.css
  • @fontsource/be-vietnam-pro/vietnamese.css

Readme

Fontsource Be Vietnam Pro

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

The CSS and web font files to easily self-host the “Be Vietnam Pro” 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/be-vietnam-pro

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

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

Supported variables:

  • Weights: [100,200,300,400,500,600,700,800,900]
  • Styles: [italic,normal]
  • Subsets: [latin,latin-ext,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: "Be Vietnam Pro";
}

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): v11.

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.