是否可以使用CSS以HTML（文本）为目标它显示为（文本）作为ID

我在将twitter嵌入wordpress运行的站点时遇到了一个问题，我正在从HTML5转换该站点

我遇到的问题是推文不是我的自定义字体

这是HTML代码，我不能针对任何css，我使用自定义字体导入与css的所有文本在网站上

<article id="twitter">
    <h3>Twitter:</h3>
        Test tweet to get embedded code. 
            <a href="http://twitter.com/Max__Chandler/statuses/202020801917095939" class="aktt_tweet_time">28 mins ago
    </a>
</article>

我试过定位：#推特、html、正文、文本、（文本），“”

有人教我如何用我选择的字体来显示这段文字，我只想用CSS来保持简单

网址：

这就是使用CSS导入字体的方式

    @font-face {
        font-family: 'JosefinSansStdLight';
        src: url('/wp-content/themes/1/JosefinSansStd-Light-webfont.eot');
        src: url('/wp-content/themes/1/JosefinSansStd-Light-webfont.eot?#iefix') format('embedded-opentype'),
             url('/wp-content/themes/1/JosefinSansStd-Light-webfont.woff') format('woff'),
             url('/wp-content/themes/1/JosefinSansStd-Light-webfont.ttf') format('truetype'),
             url('/wp-content/themes/1/JosefinSansStd-Light-webfont.svg#JosefinSansStdLight') format('svg');
        font-weight: normal;
        font-style: normal;

    }


    p, a, h1, h2, h3, h4, h5, h6{
        font:'JosefinSansStdLight';
        letter-spacing: 0.1em;
    }
    a{font:1.25em 'JosefinSansStdLight';}
    p{font:1.2em 'JosefinSansStdLight';}
    h1{font:3em 'JosefinSansStdLight';}
    h2{font:2em 'JosefinSansStdLight';}
    h3{font:1.25em 'JosefinSansStdLight';}
    h4{font:18px/27px 'JosefinSansStdLight';}
    h5{font:18px/27px 'JosefinSansStdLight';}
    h6{font:18px/27px 'JosefinSansStdLight';}

试试

#twitter{font-family:your-font}

如果它不起作用，那么说明你的字体或你嵌入/注册它的方式有问题。

---

要测试这一点，请尝试更改

背景色

，如果可以的话，字体是您的问题。

看起来tweat的主体没有包装在任何段落标记中，并且显示的css不包括段落或标题外的任何文本方向

您可以尝试在css中为“body”元素指定字体和格式，或者将tweat的内容包装在一些标记中

当您提到目标定位问题时，可能值得注意的是，这是一个HTML5元素，使用该元素识别和定位css的支持可能因浏览器而异

在不受支持的浏览器中，您可以使用html5shiv或modernisr javascript变通方法来支持将其更改为div

---

我认为在所有浏览器中实现这一功能的最佳方法是将twitter内容封装在另一个html元素中，即div或span。为此，您希望使php代码如下所示：

<article id="twitter">
    <h3>Twitter:</h3>
    <div class="twitter_content">
      <?php aktt_latest_tweet(); ?>
    </div>
</article>

body article#twitter {

    font-family:'JosefinSansStdLight' !important;
    letter-spacing: 0.1em;

}

body article#twitter h3 {

    font-family:'JosefinSansStdLight' !important;
    letter-spacing: 0.1em;

}

推特：

然后您将在

.twitter\u content

类上设置css属性

---

如果使用div（正如我在这里所做的），您可能希望其中一个css属性是

display:inline block
@janw和@digitalsean正在运行。使用
字体系列：“JosefinsStdlight”
而不仅仅是
字体：“JosefinsStdlight”
。根据浏览器的不同，您可能还需要添加shiv

听起来您可能正在处理CSS专用性问题。CSS代码中的其他内容比您试图应用的声明具有更高的特殊性。试着做如下声明：

<article id="twitter">
    <h3>Twitter:</h3>
    <div class="twitter_content">
      <?php aktt_latest_tweet(); ?>
    </div>
</article>

body article#twitter {

    font-family:'JosefinSansStdLight' !important;
    letter-spacing: 0.1em;

}

body article#twitter h3 {

    font-family:'JosefinSansStdLight' !important;
    letter-spacing: 0.1em;

}

在本例中，使用您的基本结构对我有效：
CSS“font”属性要求同时使用“font size”和“font family”值。在CSS文件的多个位置，您有以下内容：

font:'JosefinSansStdLight';

这是无效的CSS，因为它不包含“字体大小”值。您应该像对a、p、h1、h2、h3等所做的那样包括大小：

a{font:1.25em 'JosefinSansStdLight';}
p{font:1.2em 'JosefinSansStdLight';}
h1{font:3em 'JosefinSansStdLight';}
h2{font:2em 'JosefinSansStdLight';}
h3{font:1.25em 'JosefinSansStdLight';}
h4{font:18px/27px 'JosefinSansStdLight';}
h5{font:18px/27px 'JosefinSansStdLight';}
h6{font:18px/27px 'JosefinSansStdLight';}

或者，您可以将“字体”声明更改为“字体系列”声明：

font-family:'JosefinSansStdLight';

这个问题需要很多澄清。问题标题中的“”是什么？你到底试了什么？请发布完整内容或完整示例的URL，以演示该问题。您提供的URL似乎不包含任何相关内容，但它有HTML语法错误，这会使W3C标记验证程序阻塞。我已将其更改为（文本）-“”是CSS ID（文本）的HTML标记。W3C的错误也是由Wordpress本身造成的。就像我说过的，我已经尝试过以twitter为目标，但是文本没有背景颜色。这不是字体的嵌入方式，而是文本在HTML端的显示方式——因为我不能用CSS来定位它。我将添加我嵌入字体的方式。完美的解释，谢谢。但是，我如何直接使用CSS而不以父代twitter为目标呢？我将php代码包装在一个span中，然后使用CSS将该span作为目标。谢谢你的帮助和精彩的解释！