I'm trying to add a new font to tiddlywiki and have tried a few methods. None of them seem to be working, perhaps you could help?
I tried embedding the google fonts link provided in the html css stylesheet, but it wasn't reading the font. Then I followed this method: https://tiddlywiki.narkive.com/bS0CgWKQ/tw-tw5-how-to-embed-a-font-using-font-face-and-data-url but instead of adding FontAwesome like in the post, I used the font I wanted to add, which is 'Playfair Display', by the way, and can be found here: https://fonts.google.com/specimen/Playfair+Display?selection.family=Playfair+Display:400,400i,700,700i
h1.tc-site-title {
font-size:22px;
color:#626262;
text-transform:uppercase;
font-family: 'Playfair Display', Georgia, serif;
letter-spacing:1px;
}
The font that is displaying now is Georgia. I at first added:
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i&display=swap" rel="stylesheet">
to the stylesheet to embed it, then after that didn't work switched to the other method on narkive, which is a massive css stylesheet starting with:
@font-face {
font-family: 'playfair_displayregular';
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAHlMABMAAAABUNgAAHjcAAE...
There are no error messages showing, but the font simply won't change to the one I want it to. I can change it to any common fonts, it just seems that Tiddlywiki isn't reading the font properly.