• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

在Wordpress中,如何使用Adsense Roboto字体

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

如果您的博客通过使用Google Adsense投放广告获利,那么这篇文章值得一看。您可能知道有很多方法可以改善Adsense的性能,但有没有想过字体优化也是个不错的注意呢?本文演示了如何使博客字体类似于Google Adsense字体,从而使广告看起来像是内容的一部分。我假设您具有CSS和HTML的基本知识,并且您正在使用WordPress。

Google Adsense提供了8种不同的字体系列,例如Open Sans,Open Sans Light,Roboto Light,Ubuntu Light,Lori等。我尝试了所有字体,Roboto Light在我的网站上表现最好。实际上,如果选择“Default font family”,则它是默认字体系列。下面将显示如何为WordPress博客设置Roboto字体。

第1步-确定Google Adsense使用的字体系列

您可以在Google Adsense帐户中选择字体系列,如下所示:

 

此外,您想知道字体的大小,行距,高度和粗细属性。因此,您可能需要安装Firebug插件。 Chrome和Firefox均可使用。您可以检查指向元素的字体样式。

第2步-从Google字体网站获取字体

所有Adsense字体或类似字体都可以在Google字体网站上找到:https://www.google.com/fonts

转到Google字体网站并搜索”Roboto”:

单击”Quick Use”的向右箭头按钮:

在这里选择样式:

复制Roboto字体的代码:

这是您最终需要的代码:(您可以在博客中直接使用此行)

<link href='http://fonts.googleapis.com/css?family=Roboto:300' 
      rel='stylesheet' type='text/css'>

第3步-为博客设置字体

转到WordPress主题编辑器,编辑header.php文件,将“<link …>”代码放在“< head >”和“< /head >”之间,然后保存。现在,您已经引入了Roboto字体家族。

最后一步是为要更改的HTML标签配置CSS。再次转到您的wordpress主题编辑器,编辑styles.css文件。

就我而言,我想更改< strong > < /strong> 标签,因此将以下代码插入到css文件中。

.entrybody strong, .entrybody strong a:hover, .entrybody strong a  {
	color:#333333;
	font-weight:300;
	line-height:150%;
	text-decoration:none;
        font-faimily: 'Roboto',arial,sans-serif;
	font-size:29px;
	line-height: 34px;
 	letter-spacing:-1px;
}

 

参考资料

  • How to Use Adsense Roboto Font in WordPress

鲜花

握手

雷人

路过

鸡蛋
专题导读
上一篇:
php - 如何检测伪装用户/爬虫/cURL发布时间:2022-05-14
下一篇:
Java - Lucene常用类代码示例汇总发布时间:2022-05-14
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap