Beep Font Family is a a soft and wide humanist-style sans-serif font made for designers and developers, embodying modern principles of simplicity, minimalism, and speed. It is designed to be used in headers, body, logo, headlines, posters and other large display sizes.
ThanksAgbama Ulimhuka for creating such a great font! Beep Font is free for personal & commercial use. Please download and enjoy, or can search more similar fonts on befonts.
This fonts are authors' property, and are either shareware, demo versions or public domain. The licence mentioned above the download button is just an indication. Please look at the readme-files in the archives or check the indicated author's website for details, and contact him if in doubt. If no author/licence is indicated that's because we don't have information, that doesn't mean it's free.
![](.images/poster.png)
# Beep Sans
Beep Sans is a sans-serif typeface made for designers and developers, embodying modern principles of simplicity, minimalism, and speed. It is designed to be used in headers, body, logo, headlines, posters and other large display sizes.
Beep, inspired by the clean lines and geometric forms of the Inter typeface [Inter](https://rsms.me/work/inter/) and [GeistSans](https://vercel.com/font), offers a modern take on sans-serif design.
### Installation
```sh
npm install beepsans
```
### Using Font
`Beep` can be used as a local fonts with CSS, TailwindCSS, Vue, React, Svelte and other Javascript Frameworks not listed here. We currently support OpenTypeFormat(otf).Our next release will feature TrueTypeFormat(ttf) and Web Open Font Format(WOFF)
#### CSS
```CSS
:root {
font-family: 'Beep', sans-serif;
}
```
#### TailwindCSS
`tailwind.config.js`:
```javascript
module.exports = {
content: [],
theme: {
extend: {
fontFamily: {
beep: "Beep, sans-serif",
},
},
},
plugins: []
};
```
#### Vue Template
```javascript
Hello, Vue
```
`Note:` While the provided code snippet above allows you to set the `Beep` font family in a components, it's recommended to declare fonts in a centralized location for better organization and maintainability. `See the Example Below`.
#### src/styles.css
```CSS
:root {
font-family: 'Beep', sans-serif;
}
```
#### JSX Component
```javascript
import React from 'react';
function MyComponent() {
return (
Download Pride font free | Myfonts Pring
Download Crabs font free | Myfonts Pring
Download Qonetha font free | Myfonts Pring
Download Luckyfield font free | Myfonts Pring
Download Kagnue font free | Myfonts Pring
Download Acoustica font free | Myfonts Pring
Download Songtime font free | Myfonts Pring
Download Cellga font free | Myfonts Pring
Download Avestrava Outermost font free | Myfonts Pring