在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

通常插件开发人员分别使用当前目录路径和 url 定义一个常量，如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;  
}