Question

UPDATE：现在我知道flexSlider生成的代码部分的字符集有问题，因为在源代码预览中这个字母也显示为？图标。下面几条线 - 在flexslider外面 - 它显示正确。现在问题是charset只是.js文件的字符集？或者charset在FlexSlider Javascipt代码中以这种方式设置？这可能使整个“css踪迹”无关紧要。问题是我没有服务器访问权限。我使用WordPress和WPide来编辑代码。我可以从wordpess管理界面以某种方式（插件）检查文件编码吗？

我遇到了一个非常奇怪的问题。我在页面上使用flexSlider，今天我注意到一个特定的区域字母（± - ą）在方形图标中显示为“？”。我无法弄清楚为什么。当我本地化css时我只是从我的页面css复制粘贴的font-family行，并将flexslider.css中的行替换为：

.flex-caption p {
    font-family: Helvetica, sans-serif;    
}

在所有其他地方，字母显示正确，问题仅在于flex滑块内部。我尝试了不同的计算机，浏览器 - 每次都出现同样的错误。我检查了FF和opera中的检查员，以确保css规则没有被覆盖但是当我检查“inspect element”时 - > “计算规则”字体系列是我想要的 - 与网站的其余部分相同。怎么能在其他地方工作，但不能在这个地方工作？它正在制作mu nut！我搜索了flexslider源代码中的任何硬编码字体：无

根据要求，这是我的具体实现，php片段是wordpress函数

<div class="flex-container">
          <div class="flexslider">
            <ul class="slides">
            <?php $the_query = new WP_Query(array(
              'category_name' => 'featured', 'posts_per_page' => 10
              ));
            ?>
              <?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>
              <li>
                <?php the_post_thumbnail(); ?>
                <div class="caption_wrap">
                <div class="flex-caption">
                <div class="flex-caption-title">
                <a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
                </div>
                <p><?php echo striker_get_slider_excerpt(); ?>
                <a href="<?php the_permalink() ?>">...</a></p>
                </div>
                </div>
              </li>
            <?php
                endwhile;
            ?>
            </ul>
          </div>
</div>

相关的css行，来自flexslider.css：

.flex-caption p { width: 500px; padding: 8px; margin: 0; font-family: Helvetica, sans-serif; word-spacing: 4px; line-height: 1.6;}
.flex-caption-title { font-family:Helvetica, sans-serif; text-transform: uppercase; border: 2px solid #FFF; border-radius: 0.2em; font-size: 24px; padding: 0; border-radius: 0.2em; margin: 8px auto; width: 250px; word-spacing: 4px;}

从我的页面css（我复制的工作字体系列）：

body,
button,
input,
select,
textarea {
    color: #666;    
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.9;
}

FlexSlider - 使用兼容字体

0 个答案: