sinpro.dev
Docs
Dev Environment
VSCode Workspace Settings
  • Company Information
    • Portfolio
    • About
    • Services
    • Events
  • Dev Environment
    • macOS Settings
    • Chrome Extensions
    • VSCode Workspace Settings
    • VSCode Workspace Extensions
    • Global NPM Packages
    • npm-check-updates
    • SvelteKit
    • Customize Zsh
    • ChatGPT Prompts
    • Tailwind CSS
    • Warp
    • Keyboard Shortcuts
  • Assets
    • Assets
    • JPG/PNG to AVIF
    • TTF to WOFF2
  • Clean Code
    • Clean Code
    • Format
    • Quality
    • Variables
    • Functions
    • Objects and Data Structures
    • Classes
    • Concurrency
    • Error handling
    • Comments
  • Code Style
    • TypeScript Config
    • Prettier
    • ESLint
    • Stylelint
  • Testing
    • Vitest
    • Playwright
  • Git
    • Git Branches and Commits
    • Git Hooks
    • Git User Profiles
    • Git for Windows
  • GitHub
    • GitHub Issues
    • GitHub Pull Requests
    • GitHub Repository Settings
    • GitHub Branch Protection
    • GitHub Actions
  • Code Quality
    • SonarCloud Coverage
  • Server
    • SSH
    • PM2
    • Caddy
    • Updating the server
    • ngrok
  • Team sinProject
    • Our Team Policy
    • Equipment and Supplies
    • Books
    • Slack
    • Locales
    • Funny Apps
    • Docs History
  • Talk
    • Talk
    • Creating a Project
    • App Structure

Assets

TTF to WOFF2

Edit this page

When we handle font files, we use google/woff2 to convert them to WOFF2 files.

WOFF 2.0 - Web Open Font Format

TrueType/OpenType font that provides better compression than WOFF 1.0.

WOFF2 improves upon WOFF with more effective compression, reducing font file sizes by approximately 30%. This leads to faster load times, enhancing website performance. Additionally, it supports all variations of glyph, increasing its versatility.

Can I use WOFF 2.0

Check browsers that support WOFF 2.0 on caniuse.com.

google/woff2

Build & Run

Please refer to the GitHub of google/woff2.

Make it even easier to use

Add a path to the .zshrc file to make it easier to use.

Bash 
export PATH="$PATH:/Users/iwasakishinya/development/woff2"

How to use

Move to the path where the font file is located and execute as follows.

Bash 
cd ~/development/sinpro-dev/static/fonts
woff2_compress my_font.ttf
JPG/PNG to AVIF Clean Code
© sinProject. v0.73.0
On this page
  • TTF to WOFF2
  • WOFF 2.0 - Web Open Font Format
  • Can I use WOFF 2.0
  • google/woff2
  • Build & Run
  • Make it even easier to use
  • How to use