Slide 8
Slide 8 text
What’s going on here?
— Why Different Markup for HTML & PDF?
For HTML output, icons are inserted via the CSS ::before pseudo-element,
which inserts content before every instance of the element it is associated with.
Icon fonts typically include stylesheets (CSS, LESS or SCSS files) with rules like:
.icon-‐check:before {
/* Insert check mark */
content: "\f046";
}
For PDF output, the character glyph must be explicitly added to each key’s
content, since XSL-FO does not support the ::before pseudo-element.
The numeric value for each icon is typically provided in a reference document
(or “cheatsheet”), which lists each icon with its CSS class & Unicode value:
) icon-check ( )
8