如何在 Css 字体系列中使用 "Wedding text "？

Question

我要打印一张学生证。但根据客户要求，他们想要 "wedding text"。我可以使用婚礼文本作为我的字体吗？如何在 css 中使用它？

我已经下载了一个包并在文本编辑器中使用它。

<p style="font-family:'A Dark Wedding';">Akila H Joshef </p>

Answer 1

试试这个

@font-face {
     font-family: myFont;
     src: url(font_name.extenstion);
    }

div {
  font-family: myFont;
    }

Answer 2

第 1 步：
将您的字体转换为 uni 格式 here。
第 2 步：
将您的新字体上传到您网站的文件夹。
第 3 步：
使用 CSS @font-face。手动 here.
第 4 步：
使用 CSS font-family: 'MyNewWeddingFont';.

Answer 3

使用 Font Squirrel

将您的字体转换为所有跨浏览器字体格式

您也可以转换字体并下载 @font-face css。
例子@font-faceCSS:

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

如何在 Css 字体系列中使用 "Wedding text "？

How to use "Wedding text " in Css font family?

css

stylesheet

font-family