html - 字体系列: "AvantGarde"；在 CSS 中

Question

我正在 Adob​​e Photoshop 中处理图像。我从 Adob​​e 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;

我想知道，如何将 font-family: AvantGarde 放入我的 CSS 代码中。由于某些原因，我无法在我的 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

希望这对您有所帮助!