css - Wordpress CSS 规则不适用于外部管理员登录

标签 css wordpress google-chrome wordpress-theming

我的 wordpress 网站出现了一个奇怪的问题。我安装了 magnium 主题,在我的首页上,我有一个图片轮播。到目前为止,一切都很好。图片上显示了一些文字,并且具有font-family : "Open-sans"; 属性。

当我以管理员身份登录时,没问题,CSS 已正确执行。但是当我注销时问题就来了:同一页面在我的计算机上的 chrome 和 firefox 上使用默认浏览器字体呈现。但是,这不会发生在我的 android chrome 上。我检查了 chrome 开发工具,我能在 CSS 中找到的唯一区别是编译 CSS 的最后一行:

  • OST 派生字体 - 17 个字形(在管理员登录 session 中)
  • Liberation Serif - 14 个字形(在隐身模式或注销模式下)

我只是不明白,有什么基本的调试线索吗?是否有任何 CSS 调试器可以提供比已经很详细的 chrome 开发工具更多的详细信息?

很遗憾,我无法提供网址,因为该网站尚未公开,我的客户已对其进行保护。

最佳答案

试试这个 font-family: 'Open Sans', sans-serif;

这是谷歌字体,您可以在 header.php 中添加链接

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600' rel='stylesheet' type='text/css'>

或者在你的 Style.css 中导入样式

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600);

并将字体系列调用到您的选择器例如:

body {
    font-family: 'Open Sans', sans-serif;
}

关于css - Wordpress CSS 规则不适用于外部管理员登录,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30212122/

相关文章:

javascript - 如何在 mouseover 和 mouseout 上使用 Jquery 做相对动画?

angularjs - 如何在 AngularJS 部分中调试 Javascript?

chrome 和 IE 的 css 问题

html - 电子邮件 HTML 模板 - 获取 <a></a> 标记以根据父级 <td> 获取完整的可点击宽度

html - css 中的格式化框在 jsfiddle 中有效,但在 Chrome 中不是独立的

javascript - 检查显示已从样式表中删除的 CSS 的元素

mysql - 数据库/服务器设置传输期间波兰字符集出现编码错误

php - MySQL 将数据加载到两个相关表中

google-chrome - Google Chrome 无法读取和写入其数据目录多设备混合应用程序

jquery - 如何在响应式设计的媒体查询中显示所有 ul li 列表?