如何在主题中添加自定义字体

时间：2012-10-06 作者：user1666698

我想在我的主题中添加自定义字体。请告诉我这是否只是简单地将字体上载到一个名为“fonts”的新文件夹，然后更改css并重命名那里的font family属性，或者这是不同的过程。我不确定。请帮帮我。

4 个回复

最合适的回答,由SO网友:Raam Dev 整理而成

要使用自定义字体，只需将字体上载到主题文件夹，然后添加CSS@font-face 在主题的顶部发表声明style.css 指向新字体的文件：

@font-face {
font-family: CustomFont;
src: url(\'CustomFont.ttf\');
}

然后，您可以在其他CSS样式中引用该自定义字体，例如：

.entry-content { font-family: "CustomFont", sans-serif; }

SO网友:Brad Dalton

我认为最好将您的字体文件上载到web font generator.

下载字体工具包后，可以将解压缩后的文件夹上载到主题根目录，并将其重命名为字体。

然后，您可以使用工具包中样式表中的@font face CSS链接到父主题或子主题样式中的字体文件。css文件。

@font-face {
    font-family: \'christmasevemedium\';
    src: url(\'fonts/christmaseve-webfont.eot\');
    src: url(\'fonts/christmaseve-webfont.eot?#iefix\') format(\'embedded-opentype\'),
         url(\'fonts/christmaseve-webfont.woff\') format(\'woff\'),
         url(\'fonts/christmaseve-webfont.ttf\') format(\'truetype\'),
         url(\'fonts/christmaseve-webfont.svg#christmasevemedium\') format(\'svg\');
    font-weight: normal;
    font-style: normal;

}

在此之后，只需在样式中的CSS规则中使用新的字体族名称。css文件。

h1 {
    font-family: \'christmasevemedium\';
}

添加Google字体是不同的，可以使用多种方法来完成，PHP通过您的函数是最有效和灵活的。php文件：

add_action( \'wp_enqueue_scripts\', \'wpsites_google_fonts\' );
function wpsites_google_fonts() {
    wp_enqueue_style( \'google-fonts\', \'//fonts.googleapis.com/css?family=Lato:300,700\', array(), CHILD_THEME_VERSION );
}

SO网友:maioman

因为现在你可以在谷歌字体上找到最好的字体（……没有比谷歌网络更好的CDN了），我认为最好的解决方案是从他们那里导入。

最好的方法是添加一个钩住wp\\u head hook的函数，

至功能。php添加

function your_fonts() {
    $protocol = is_ssl() ? \'https\' : \'http\';
    wp_enqueue_style( \'opensans\', "$protocol://fonts.googleapis.com/css?family=Open+Sans" );}
add_action( \'wp_enqueue_scripts\', \'your_fonts\' );//trigger your_fonts

SO网友:yasir_hameed

另一种方法是尝试使用任何字体插件。请注意，您只能免费添加一种自定义字体。有关详细说明，请遵循我们在此处找到的视频教程http://dnesscarkey.com/virtual-support/use-any-font.php

结束

标签： add-theme-support 小码农

小码农CODE

如何在主题中添加自定义字体

相关推荐