如何修改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(http://www.example.com/wp-content/themes/your-theme/fonts/Arvo-Regular.ttf);font-weight: normal;}(不要忘记修改代码中font-family和url的值)加载完成后我们将可以通过如下代码实现对字体的使用。
怎样修改wordpress编辑器默认字体大小
你好,首先打开你以前发布的文章,或者新编辑的文章使用预览浏览也可以。
选中一段文字,点击右键-审查元素在审查元素工具中,查找类似font-size: 14px;line-height: 26px;这样的字段信息点击找到的font-size: 14px;字段,将14px修改为30px,查看左边文章字体大小 是否变大了。
如果没有变大,需要重新再找包含有font-size: 14px;这样信息的字段,直到找到为止。
点击选中font-size: 30px;上方的.article-content复制下来。
打开wordpress后台,选择外观-编辑,打开编辑主题样式表(style.css)。
按CTRL+F打开查找,粘贴刚才复制的.article-content进去,再加一个反括号"{"进行查找。
观察查找到的.article-content{后面的内容,如果包含有font-size:14px;line-height:26px;这样的语句,则将其修改为font-size:16px;line-height:30px;即可。
【注:line-height控制行间距,字体变大后适当修改有利于显示更加美观。
】改好后点击最下面的“更新文件”。
以后再发布文章时,默认的字体大小就是16px了,非常方便。
去除加载谷歌字体解决wordpress网站加载google字体的几种办法
第一种方法:安装Disable Google Font插件,但经过测试之后,没有明显效果。
(不推荐)第二种方法:注释或删除掉style.css和function.php有关加载Google字体的代码fonts.googleapis.com即可。
第三种方法:将以下代码添加到主题目录下的functions.php中如果在更改style.css或function.php文件之后,wordpress网站报错,无法打开,或者新建文章时上传图片失败。
一定是将wordpress文件的编码保存为非ANSI编码,用记事本打开,保存时选择编码ANSI替换掉原来的文件即可。
class Disable_Google_Fonts {public function __construct() {add_filter( 'gettext_with_context', array( $this, 'disable_open_sans' ), 888, 4 );}public function disable_open_sans( $translations, $text, $context, $domain ) {if ( 'Open Sans font: on or off' == $context && 'on' == $text ) {$translations = 'off';}return $translations;}}$disable_google_fonts = new Disable_Google_Fonts;不会的可以来小小WP 看看 或者留言给我
WordPress后台编辑文章时一直显示正在解析主机
F12看下哪些资源没加载上 ,一般都是谷歌字体惹的祸。
WordPress 4.6 之前的版本都默认使用 fonts.googleapis.com 在后台载入了 Open Sans 字体。
所以在国内使用 WordPress 会卡的厉害,如果感觉 WordPress 后台点击反应慢,每次都需要等待几秒钟才有反应,那就是这个原因。
解决办法也很简单,安装一个WordPress加速插件:「WP Acceleration for China」,这个插件可以替换 WordPress 中的 ajax.googleapis.com 和 fonts.googleapis.com 替换成国内的谷歌镜像库(比如极客族)。
顺便连 Gravatar 头像一起换成国内的。
转载请注明出处51数据库 » wordpress 文章 字体