字体系列："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;

我想知道如何将 font-family: AvantGarde 放入我的 CSS 代码中。由于某些原因，我在 CSS.

中找不到它

Answer 1

您是否确定使用 @font-face 在 css 的字体中包含 link？即

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 使用系统上安装的字体，要在网站上 css 包含其他字体，您需要 link 到 .woff 文件。 https://www.w3schools.com/css/css3_fonts.asp

希望对您有所帮助！

字体系列："AvantGarde"；在 CSS

font-family: "AvantGarde"; in CSS

html

css

adobe

font-family