在Wordpress插件中包含自定义字体文件

Question

是否可以在Wordpress插件中包含自定义字体，文件和所有内容？

说插件目录是wp-content / plugins / my-plugin / 所以我将字体添加到wp-content / plugins / my-plugin / fonts / font.ttf中 现在如何在插件的css文件中访问该自定义字体？

@font-face {
  font-family: 'my-font';  
  src: url(wp-content/plugins/my-plugin/fonts/my-font.ttf);  
  font-weight: normal;  
}

似乎不起作用。我怎样才能做到这一点？

Answer 1

通常，插件开发人员分别使用当前目录路径和网址定义PLUGIN_DIR_PATH和PLUGIN_DIR_URL等常量，其中PLUGIN可以是您的插件名称，以使其唯一。假设您的插件名称为示例

define( 'EXAMPLE_DIR_PATH', plugin_dir_path( __FILE__ ) );
define( 'EXAMPLE_DIR_URL', plugin_dir_url( __FILE__ ) );

但在您的情况下，我们只需要EXAMPLE_DIR_URL。现在，在您的插件中的任何位置，如果您需要参考任何资源，只需使用EXAMPLE_DIR_URL作为基础。在你的情况下，

@font-face {
  font-family: php'my-font';  
  src: url(<?= EXAMPLE_DIR_URL; ?>'/fonts/my-font.ttf);  
  font-weight: normal;  
}