Question

我想在Yii2中添加我想要的字体。但是改动并不适用。这是我的代码：

网络/ CSS / my.css ：

@font-face {
font-family: 'Font';
src: url("../fonts/fonts/woff2") format('truetype');
src: url("../fonts/fonts/woff") format('truetype');
src: url("../fonts/fonts/ttf") format('truetype');
src: url("../fonts/fonts/eot") format('truetype');
}

body {
font-family: "Font"
}

AppAsset ：

 public $css = [
    'css/my.css',
    'fonts/fonts',

];

我认为问题是在AppAsset中引入了字体。我该怎么办？

Answer 1

我有这个代码，它正在运作。

AppAsset.php

public $css = [
      'css/site.css',
      'css/fonts.css?family=PT+Sans:400,700'
];

fonts.css

/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url('../fonts/JX7MlXqjSJNjQvI4heMMGvY6323mHUZFJMgTvxaG2iE.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

Answer 2

CSS查找指定文件中的字体。你不需要通过资产加载它们。检查您是否对文件具有适当的权限，以及它们是否存在于正确的目录中。你应该设置字体：

body {
   font-family: "Font"
}

如何在Yii2中的AppAsset中引入字体？

2 个答案: