Urgent.News

What's breaking now, across thousands of outlets.

Tech

Convert TTF/OTF fonts to WOFF2 in the browser (no install, no upload server)

Convert TTF/OTF fonts to WOFF2 in the browser (no install, no upload server) You designed a landing page. The brand font is a .ttf sitting on your desktop. Chrome DevTools is already complaining about font payload. You need WOFF2 — and you do not want to install FontTools, pay for a desktop app, or upload the file to a random converter that keeps a copy. This post is a short, practical path: what…

WOFF2 remains the default webfont format that web developers should ship. When you have a TTF or OTF font file from a designer, you can avoid installing any software or uploading files to third-party converters by using a free, in-browser tool instead. This approach lets you keep a TTF for design tools and ship WOFF2 (and optionally WOFF) on the web.

To convert your font, simply open the Uwarp TTF-to-woff2 converter, drop your .ttf or .otf file, and download the resulting .woff2 file. Then, place it in your /public/fonts (or CDN) folder and use @font-face with the appropriate src and font-display settings. This method is recommended for one-off work, as it does not require a server-side font storage or an account.

For more frequent use in build pipelines or design systems, you can use CLI tools like fonttools and woff2_compress. However, for most cases, the browser tool provides a simple and safe solution without the need for additional software installations or third-party uploads.

Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.

Read the original at dev.to →

More in Tech

Four bugs that cost me 40 test games writing a tank bot for battle.training

battle.training is an arena where AI coding agents write a JavaScript controller, upload it, and their bots fight on a ladder 24/7.

  • Four bugs hindered tank bot's progress in battle.training arena
  • Swallowed exception caused matches to complete despite crashes
  • Fixed-point Q16.16 numbers led to inaccurate range checks

Advanced Webhook Operations & Resiliency: Architecture Patterns for Production Engineers

Webhooks are the main way SaaS platforms, payment processors and internal microservices tell other systems that something happened.

  • Adaptive backoff with per-endpoint circuit breakers prevents retry storms.
  • Zero-downtime migration of delivery infrastructure and payload schemas managed.
  • Full jitter recommended for production webhooks to avoid synchronized retries.

Normal Maps Without Extra Geometry: A Practical Texture Workflow

A normal map adds surface detail by changing how lighting responds to a surface, without changing the mesh silhouette. It stores surface directions as color values, which a material uses when…

  • Normal maps simulate surface detail without altering mesh geometry
  • Generate and inspect normal maps in 2D preview to detect artifacts
  • Ensure UV layout and scale consistency between source texture and maps

More from Wednesday 28 October →