资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

wordpress的字体 wordpress 字体

wordpress怎么添加中文字体

将如下代码加到当前主题的 functions.php 模板文件中:

发展壮大离不开广大客户长期以来的信赖与支持,我们将始终秉承“诚信为本、服务至上”的服务理念,坚持“二合一”的优良服务模式,真诚服务每家企业,认真做好每个细节,不断完善自我,成就企业,实现共赢。行业涉及VR全景等,在成都网站建设全网整合营销推广、WAP手机网站、VI设计、软件开发等项目上具有丰富的设计经验。

function custum_fontfamily($initArray){

$initArray['font_formats'] = "微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';";

return $initArray;

}

add_filter('tiny_mce_before_init', 'custum_fontfamily');

WordPress默认TinyMCE编辑器并没有选择字体功能,所以还需要把下面代码也一同加到 functions.php 模板文件中:

function enable_more_buttons($buttons) {

$buttons[] = 'styleselect';

$buttons[] = 'fontselect';

return $buttons;

}

add_filter("mce_buttons", "enable_more_buttons");

如何在WordPress中添加自定义字体

自定义字体可以使网站变得新颖,并使它脱颖而出。相信许多用户都想要为自己的网站添加自定义字体。今天我们将通过这篇教程为大家介绍运用Typekit和CSS3@Font-Face method

在Wordpress主题中添加自定义主题已经成为一种普遍的趋势。实际上有的主题中加载了很多的自定义字体。但是加载太多的字体会使得你的网站变慢。所以今天我们要跟您分享正确加载自定义字体的方法,不至于使得网站变慢。

在添加自定义主题之前,我们首先要了解如何获取自定义主题。

付费字体一般都比较贵,但是我们可以在很多地方找到免费字体,比如:Typekit,FontSquirrel,fonts.com 等。

WordPress中添加自定义字体

Typekit中有付费和免费的字体,你可以使用付费的订阅也可以使用有限的免费的订阅。

首先注册Typekit账号并登陆,然后创建一个新的工具包:

然后选择一个你想要使用的字体,点击所选字体下方的“+Use fonts”按钮

如何在随后进入如下界面:

点击选择当前的工具箱,进入新的窗口,

在这个界面,需要我门做的有:

1、点击“Publish”按钮。

2、点击右上角Embed Code选项和左边栏中第一项中的Usingfonts in CSS按钮,复制界面中出现的两行Embed Code代码和要用到的CSS代码到txt文件并保存(之后会用到)。

然后回到你的WordPress管理界面,点击进入安装插件界面,安装并启用 Typekit Fonts for WordPress 插件。插件启用完成后,点击设置目录下的TypekitFonts选项,然后复制之前保存的Embed Code代码到插件设置界面,

然后添加如下代码到主题样式表中:

h1 .site-title {

font-family: 'modesto-condensed', Arial,sans-serif;

}

(代码中的’modesto-condensed’,是随着选择字体的不同而不同的。该信息在之前txt文件中有保存。)

还可以通过修改大括号之前的内容来设置运用字体的位置。

用CSS3@font-face在WordPress中添加自定义字体

运用CSS3@font-face是添加WordPress自定义字体最直接的方法。

首先你需要下载你喜欢的字体,并在你的主题或子主题目录下新建一个文件夹,命名为“fonts”然后上传字体到该文件夹。上传完成后,你还需要用CSS3@font-face将字体加载到你的主题样式表中,代码如下:

@font-face {

font-family: Arvo;

src:url();

font-weight: normal;

}

(不要忘记修改代码中font-family和url的值)

加载完成后我们将可以通过如下代码实现对字体的使用。

怎样修改wordpress编辑器默认字体大小

14px、首先打开你以前发布的文章;这样信息的字段1;上方的,选择外观-编辑:30px、观察查找到的:14px,字体变大后适当修改有利于显示更加美观:16px,查看左边文章字体大小

是否变大了,点击右键-审查元素

2。

6;这样的字段信息

3;字段,将14px修改为30px;{":

30px,则将其修改为font-size。

4,需要重新再找包含有font-size、在审查元素工具中:line-height控制行间距,默认的字体大小就是16px了,粘贴刚才复制的;line-height。

7,打开编辑主题样式表(style.article-content{

后面的内容;line-height:26px.article-content进去,直到找到为止。按CTRL+F打开查找,查找类似font-size。如果没有变大.article-content复制下来;这样的语句;进行查找;line-height、以后再发布文章时、点击选中font-size,非常方便.css)、点击找到的font-size:

26px,再加一个反括号"。

5:

14px。【注。选中一段文字、打开wordpress后台。】改好后点击最下面的“更新文件”,如果包含有font-size;即可,或者新编辑的文章使用预览浏览也可以:

14px

wordpress 怎样修改字体

更改步骤:

一、打开Twenty Eleven主题文章页面模板single.php,把下面javascript代码:

script type="text/javascript"

function doZoom(size) {

var zoom = document.all ? document.all['primary'] : document.getElementById('primary');

zoom.style.fontSize = size + 'px';

}

/script

加到第12行:

div id="primary"

注:primary为正文内容所在的id选择器标签名称,可根据不同主题进行修改,前提正文内容所在选择器必须是div id="primary"形式,采用div class="primary"控制将失效。

二、把下面代码:

div class="font"a href="javascript:doZoom(12)"小/a a href="javascript:doZoom(13)"中/a a href="javascript:doZoom(18)"大/a/div

加到:

span class="nav-next"?php next_post_link( '%link', __( 'Next span class="meta-nav"→/span', 'twentyeleven' ) ); ?/span

视不同主题可以放在自己认为合适的位置,其中:数字为不同的字号大小,可自行修改。

三、最后根据不同的主题添加适当的样式控制。


网站标题:wordpress的字体 wordpress 字体
文章分享:http://cdkjz.cn/article/ddcsceg.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220