如何使用"婚礼文本"在Css字体家族?

时间:2015-01-22 06:25:49

标签: css css3 stylesheet font-family

我要打印一份学生证书。但根据客户的要求,他们想要"婚礼文本"。我可以将婚礼文字用于我的字体吗?如何在CSS中使用它?

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

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

3 个答案:

答案 0 :(得分:1)

试试这个

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

div {
  font-family: myFont;
    }

答案 1 :(得分:1)

  • 第1步:
    将您的字体转换为uni格式here

  • 第2步:
    将新字体上传到网络文件夹。

  • 第3步:
    使用CSS @ font-face。手动here

  • 第4步:
    使用CSS font-family: 'MyNewWeddingFont';

答案 2 :(得分:1)

使用Font Squirrel

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

您也可以转换字体并下载@font-face css。
示例@font-face CSS

@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 */
}
相关问题