How Do I Embed A Font?

, , ,
#1

How do I embed a font (e. g. a Google font)? I tried the css @import method, but that didn’t work. Is there a way to embed the <link> tags in the <head> section by creating a tiddler with a system tag? Or maybe some other method?

#2

I think this is what you’re looking for…

https://tiddlywiki.com/#SystemTag%3A%20%24%3A%2Ftags%2FRawMarkup

EDIT: Oops, forgot an example:

title: my-fonts
tags: $:/tags/RawMarkup
text:
<link href='https://fonts.googleapis.com/css?family=Merriweather:300' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Rokkitt" rel="stylesheet">
2 Likes
#3

The important thing with RawMarkup code is, that you need to save and reload, for the changes to take effect.

#4

The most important thing you can do responding to posts is to read them first:

image
image746×222 15.7 KB

3 Likes
#5

See also Tw demo site for google fonts

1 Like
#6

Thank you! I will try that. :grin: