I think I may have come across a bug (but more likely its me). I've insert a font macro into one of passages, to bring up a webding.
(css: "font-size: 0.65em")[(font: "webdings")[P]
]
So far so easy, in CSS I started styling the tw-story without issue. What I have found is that when using the CSS belowm stopped the (font:) macro from rendering.
tw-story {
font-size: 1.1em;
}
Changing the font-size to a percentage worked out fine however.
tw-story {
font-size: 125%;
}
Im guessing this has something to do with the (css: ) macro clashing with the CSS somehow.
Comments
Which web-browser (brand and version) are you using?
I tested your example (with first tw-story rule) on Windows 10 and it worked in the latest versions of Chrome and Internet Explorer**.
WARNING: Someone with more CSS and Font experience may have a better answer.
Firefox will show the letter P instead because (as far as I know but I could be wrong as I have never used that symbol font) they don't support the Window's WebDings font, and based on this bug report haven't done so for a while . This can be tested using the following simple example.
(**) I did not test using Microsoft Edge because no Twine 2 story HTML file built with either Harlowe or SugarCube works in that web-browser for me, although ones built using Snowman do.