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).
A Font Inspector is now available in the Firefox DevTools.
In the Firefox Inspector, a “Fonts” panel is now available. It exposes different information about the
@font-faces used in the page:
- Font name and font family
- Its location (system vs. remote, and URL)
- A preview (you can change it)
- @font-face code
We have implemented support for two new elements:
The HTML time element (
<p>The concert took place on <time datetime="2001-05-15 19:00">May 15</time>.</p>
The data element represents its contents, along with a machine-readable form of those contents in the value attribute. The value attribute must be present and its value must be a representation of the element’s contents in a machine-readable format.
The <data> element adds a new attribute,
value, which contains a string representation of the data. In script we can use the
.value property to get the reflected value:
<data id="user" value="humphd">David Humphrey</data> document.getElementById("user").value; // "humphd"