Fig.1 "Illuminating North Korea", photographs and video by David Guttenfelder, 10 June 2015, The New York Times.
Brackets is an open source community sandbox project which was originally created by Adobe.
"The @font–face rule allows for linking to fonts that are automatically fetched and activated when needed. This allows authors to select a font that closely matches the design goals for a given page rather than limiting the font choice to a set of fonts available on a given platform. A set of font descriptors define the location of a font resource, either locally or externally, along with the style characteristics of an individual face. Multiple @font–face rules can be used to construct font families with a variety of faces. Using CSS font matching rules, a user agent can selectively download only those faces that are needed for a given piece of text."
(World Wide Web Consortium, 3 October 2013)
"Several layout patterns are often recommended to take advantage of how people scan or read through a design. 3 of the more common are the Gutenberg diagram, the z–pattern layout, and the f–pattern layout. ... While patterns like the Gutenberg diagram, the z–pattern, and the f–pattern layout suggest that there is a natural path the eye will take through a design, the reality is they refer only to designs dominated by large blocks of text with little to no hierarchy. ... Instead of trying to force your design into one of the patterns described, decide instead what information you want the viewer to see and through a series of focal points and design flow lead their eyes through your hierarchy of information. That's really the only pattern you need to use."
(Steven Bradley, 7 February 2011)
(Mark Otto, 17 January 2012, A List Apart)