FONTS

How text is displayed in an interactive can depend on the fonts supplied with the system or the browser unless served fonts are usedServed (or cloud based) fonts will ensure that an interactive always looks the same The fonts supplied with browsers and systems are all slightly different, and so an interactive that depends on these fonts will look different to different people. Sometimes the words will simply look “clunky". Sometimes the line length of text will change so that it overlaps an object or there is an unintended line break.

Early interactives used the served Adobe Typekit Fonts. From January 2017 all interactives have used Google’s web fonts, because these are freely available.

As the Graphic News license for Adobe Typekit Fonts has expired, legacy interactives using these fonts need updating for best results. These interactives were created in Adobe Edge Animate (which is no longer available). The cascading style sheet CSS that specifies the fonts used is generated by Adobe Edge Animate, but there is no separate CSS file (as with Flash graphics). The javascript file – GN12345_edge.js – therefore needs to be edited to change the font specified to an alternative.

INTERACTIVES