Font icons for source code callouts

[antoyo]

Hello.
The font icons for source code callouts (<1>, for instance) does not exist in the reveal.js backend.
Could you add them, please?
Thanks.

[obilodeau]

Can you provide a minimal example that would reproduce the problem? Thanks!

[antoyo]

Yes.
Here is the code:

= Presentation
Me
:backend: revealjs
:icons: font
:source-highlighter: highlightjs

== Callout

[source, rust]
----
fn main() {
    println!("Hello World!"); // <1>
}
----
<1> `println!` is a macro.

The result:

And the expected result is to have icons similar to the HTML5 backend:

[obilodeau]

With reveal.js 3.3.0 I think we are closer (uses highlight.js 9 which I think supports callouts):

However, there might be something needed on our end in order to avoid escaping the HTML (or something like that).

Also tested with coderay, pygments and rouge. Nothing works.

[mojavelinux]

It's important to note that the appearance of the callout in built-in HTML backend is provided exclusively by CSS. The screenshot @antoyo posted is exactly what you'd expect if CSS is not helping. The built-in stylesheet in Asciidoctor transforms the <i> element into an enclosed number using CSS. There's no special thing that the converter does.

[obilodeau]

Good to know. I'll add this to the list of CSS that we need to pull in from asciidoctor.

[obilodeau]

Fixed by #224. See also #168. Will be part of our next release.