字体家族：“ AvantGarde”； 在CSS中

Question

我正在Adobe Photoshop中处理图像。 我从Adobe Photoshop中获得同一图像的CSS代码是：

CSS

  font-size: 25px;
  font-family: "AvantGarde";
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 1.792;
  text-align: left;
 -moz-transform: matrix( 1.65479981820633,0,0,1.66565153423699,0,0);
  -webkit-transform: matrix( 1.65479981820633,0,0,1.66565153423699,0,0);
  -ms-transform: matrix( 1.65479981820633,0,0,1.66565153423699,0,0);
  position: absolute;
  left: 690.337px;
  top: 322.77px;
  z-index: 103;

我想知道如何在我的CSS代码中添加字体家族：AvantGarde。 由于某些原因，我无法在CSS中找到它。

Answer 1

您是否已确保使用@font-face在CSS中包含指向字体的链接？ 即

body { /* this will apply to the whole body tag */
    font-family: AvantGarde;
    font-size: 25px; 
    font-family: "AvantGarde"; 
    color: rgb(255, 255, 255); 
    text-transform: uppercase; 
    line-height: 1.792; 
    text-align: left; 
    -moz-transform: matrix( 1.65479981820633,0,0,1.66565153423699,0,0); 
    -webkit-transform: matrix( 1.65479981820633,0,0,1.66565153423699,0,0); 
    -ms-transform: matrix( 1.65479981820633,0,0,1.66565153423699,0,0);
}
@font-face {
    font-family: AvantGarde;
    src: url(AvantGarde.woff);
}

Photoshop使用系统上安装的字体，以在需要链接到.woff文件的网站上的CSS中包含其他字体。 https://www.w3schools.com/css/css3_fonts.asp

希望这可以帮助！