https://github.com/ht-devx/css-font-face-generator

📝 ⸨ tool ⸩  generate a @⁠font-face in CSS with a name and its font file link
https://github.com/ht-devx/css-font-face-generator

css font font-face fontface

Last synced: 2 months ago
JSON representation

📝 ⸨ tool ⸩  generate a @⁠font-face in CSS with a name and its font file link

• Host: GitHub
• URL: https://github.com/ht-devx/css-font-face-generator
• Owner: ht-devx
• Created: 2024-04-03T04:46:33.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-08-15T00:31:09.000Z (10 months ago)
• Last Synced: 2024-08-15T01:39:52.357Z (10 months ago)
• Topics: css, font, font-face, fontface
• Language: CSS
• Homepage: https://ht-devx.github.io/css-font-face-generator/
• Size: 3.96 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### [CSS `@font-face` generator](https://ht-devx.github.io/css-font-face-generator)

**Author:** HT ([@ ht-devx](https://github.com/ht-devx))\

**Release date:** 2024-04-03\

**Last updated:** 2024-04-03 3:01PM [GMT-7]

#### Preview:

![Screenshot recording GIF of the CSS font-face generator.](https://ht-devx.github.io/css-font-face-generator/demo.gif)

#### Options:

| Option name | Details |

| ----------- | ------- |

| Font name | { required } Name of your font, can be anything you like. |

| Font weight | { optional } Numeric font weight. Defaults to `400`. |

| Font style | { optional } Normal or italic. Defaults to `normal`. |

| Font load style | { optional } Sets the `font-display` value: `auto` │ `block` │ `swap` │ `fallback` |

| Font file URL | { required } File link of your font: `.ttf` │ `.otf` │ `.woff` │ `.woff2` |

#### Use it here:

[ht-devx.github.io/css-font-face-generator](https://ht-devx.github.io/css-font-face-generator)