Found 22 results for “@font-face”
-
Time for a review of Firefox 92
Release time comes around so quickly! This month we have quite a few CSS updates, along with the new Object.hasOwn() static method for JavaScript.
-
Looking fine with Firefox 89
Firefox 89 has smartened up and brings with it a slimmed-down, slightly more minimalist interface. Along with this new look, we get some great styling features including a force-colours feature for media queries and better control over how fonts are displayed. The long-awaited top-level await keyword for JavaScript modules is now enabled, as well as the PerformanceEventTiming interface, which is another addition to the performance suite of APIs: 89 really has been working out!
-
Firefox 58: The Quantum Era Continues
2017 was a big year for Mozilla, culminating in the release of Firefox Quantum, a massive multi-year re-tooling of the browser focused on speed, and laying the groundwork for 2018 releases. Here's a roundup of some of the goodies in Firefox 58: including Off-Main-Thread Painting (OTMP) and other Gecko engine performance improvements, new support for CSS `font-display`, new Add to Home screen support in Firefox for Android, and more.
-
New in Firefox 58: Developer Edition
Dive into the changes coming in Firefox 58, currently available to preview in Firefox Developer Edition. Highlights include more control for CSS authors, an even better Debugger, added support for WebVR and FLAC, WebExtension API additions, and more.
-
Web Font preloading for HTML5 games
In game development there are two methods of rendering text: via bitmap fonts and vector fonts. Bitmap fonts are essentially a sprite sheet image that contains all the characters of a given font. The sprite sheet uses a regular font file (traditionally .ttf). How does this apply to game development on the Web and HTML5 […]
-
From game jam to mobile and Firefox OS
I love participating in game jams, where game developers get together to craft games in a very short amount of time. I thought it would be cool to take one of my past Game Jam games, Metal vs Hipsters, and port it to the mobile web and Firefox OS. Adapting to mobile My starting point […]
-
SVG & colors in OpenType fonts
Prolog Until recently having more than one color in a glyph of a vector font was technically not possible. Getting a polychrome letter required multiplying the content for every color. Like it happened with many other techniques before, it took some time for digital type to overcome the constraints of the old technique. When printing […]
-
Fantastic front end performance, part 3 – Big performance wins by optimizing fonts – A Node.js holiday season, part 8
This is episode 8, out of a total 12, in the A Node.JS Holiday Season series from Mozilla’s Identity team. Today we’re talking even more front end performance! We reduced Persona’s font footprint 85%, from 300 KB to 45 KB, using font subsetting. This post outlines exactly how we implemented these performance improvements, and gives […]
-
Font Inspector and <time> and <data> elements – Firefox Development Highlights
Time for another look at the latest developments with Firefox. This is part of our Bleeding Edge and Firefox Development Highlights series, and most examples only work in Firefox Nightly (and could be subject to change). Font Inspector A Font Inspector is now available in the Firefox DevTools. In the Firefox Inspector, a “Fonts” panel […]
-
Story of a Knight: the making of
The travel of a medieval knight through fullscreen DOM. The ‘making of’ the demo that has won the November Dev Derby. Technologies used: Fullscreen API Canvas Google Maps Audio HTML5 Font-face jQuery: Latest jQuery version Scrollpath by Joel Besada jQuery-FullScreen by Martin Angelov Markup And Style Markup and style are organized in this way: An […]