Found 20 results for “@font-face”
-
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 […]
-
JavaScript Style Badge – Your JS Signature
I recently launched a new hobby website of mine: http://jsstyle.github.com/. The purpose of this page is simple: after filling out a JS-related questionnaire, users are awarded by a small fingerprint of their answers (somewhat similar to the Geek Code). It is possible to use the generated badge as an e-mail signature or to impress your […]
-
Mozilla Hacks Weekly, December 8th 2011
Thursday is here, and just like every week when that day comes, we at Mozilla want to share some good reading with you.