4

我正在尝试向 tiddlywiki 添加新字体并尝试了一些方法。他们似乎都没有工作，也许你可以帮忙？

我尝试嵌入 html css 样式表中提供的 google 字体链接，但它没有读取字体。然后我按照这个方法：https://tiddlywiki.narkive.com/bS0CgWKQ/tw-tw5-how-to-embed-a-font-using-font-face-and-data-url但不是像在顺便说一句，我使用了我想添加的字体，即“Playfair Display”，可以在这里找到：https ://fonts.google.com/specimen/Playfair+Display?selection.family=Playfair +显示：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;
}

现在显示的字体是 Georgia。我一开始补充说：

<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i&display=swap" rel="stylesheet">

到样式表以嵌入它，然后没有工作切换到 narkive 上的另一种方法，这是一个巨大的 css 样式表，开头为：

@font-face {
    font-family: 'playfair_displayregular';
    src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAHlMABMAAAABUNgAAHjcAAE...

没有显示错误消息，但字体根本不会更改为我想要的字体。我可以将其更改为任何常用字体，但 Tiddlywiki 似乎没有正确读取字体。

4

1 回答 1

4

我已经尝试过一些谷歌字体，它适用于我，自己尝试，只需将它复制/粘贴到一个新的 tiddler 中，然后你可以从那里开始

<link href='https://fonts.googleapis.com/css?family=Playfair Display' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Sofia' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Alex Brush' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Akronim' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Annie Use Your Telescope' rel='stylesheet'>

<style>
.st2 {font-family: 'Playfair Display';font-size: 42px;}
.st3 {font-family: 'Sofia';font-size: 42px;}
.st4 {font-family: 'Alex Brush';font-size: 42px;}
.st5 {font-family: 'Akronim';font-size: 42px;}
.st6 {font-family: 'Annie Use Your Telescope';font-size: 42px;}
</style>

<h1 class="st2">'Playfair Display'  1234567890 ABC abc</h1>
<h1 class="st3">'Sofia'  1234567890 ABC abc</h1>
<h1 class="st4">'Alex Brush'  1234567890 ABC abc</h1>
<h1 class="st5">'Akronim'  1234567890 ABC abc</h1>
<h1 class="st6">Sofia  1234567890 ABC abc</h1>

这是我的 Tiddler 输出

这是我的 Tiddler 输出

我希望这个能帮上忙

于 2019-08-31T03:29:38.593 回答