我已经将具有拉丁字符和字形的字体导入到CSS样式表中，如何显示该字形而不是拉丁字符？

Question

我正在构建一个网页，并希望合并一个“ toki pona”字体，该字体将显示相应单词的字形。每当我尝试这样做时，只会显示字体中还包括的拉丁字符。但是，它确实可以在Microsoft Word中工作。

我包含的CSS代码是我已经尝试过的代码。

CSS:

@font-face {
font-family: 'linja_pona_otfregular';
src: url('linja_pona-webfont.woff2') format('woff2'),
     url('linja_pona-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}

#philosophy{
font-family: linja_pona_otfregular;
font-feature-settings: "philosophy" 3;
}


HTML:
<h1 #philosophy>tomo</h1>