更改嵌入/对象内容的字体[重复]答案

【问题标题】：Change Font Of Embed/Object Content [duplicate]更改嵌入/对象内容的字体[重复]
【发布时间】：2019-07-26 16:00:24
【问题描述】：

我有一个hotline.txt 文件，我希望内容显示在网页中，问题是我不知道如何更改hotline.txt 内容的字体。我用html来显示hotline.txt的内容。

这是我的代码：

<object class="contact-num" data="S:\IT\Public\Reporting\Intranet\Hotline\Hotline Guide.txt"></object>

【问题讨论】：

标签： javascript html css

【解决方案1】：

您可以使用 CSS 来更改样式。如果你希望它在同一行，你可以这样做：

<object class="contact-num" data="S:\IT\Public\Reporting\Intranet\Hotline\Hotline Guide.txt" style="font-family: Comic Sans MS"></object>

或者，为了更好地阅读代码，您可以将其放在 head 上的 style 标记上或链接外部 CSS 样式表。

/*====================
---On <head></head>---
======================*/
<style>
.contact-num{
    font-family: Arial;
}
</style>
/*==========================================================================================
---On the archive corresponding to <link rel="stylesheet" type="text/css" href="url.css">---
============================================================================================*/
.contact-num{
    font-family: Arial;
}

【讨论】：

其实我已经用了css但是字体不会变，请问有没有其他方法？

【解决方案2】：

您不能为当前文档边界之外的元素设置样式。

但是，您可以使用 ajax 加载 .txt 文件，以将其添加到文档并设置样式。下面是一个使用 jQuery 的 ajax 用法示例：

$(function(){
  $.ajax({
    url: "pathToYourFile",
    async: true,
    dataType: "text",
    success: function( data, textStatus, jqXHR ) {
        var resourceContent = data; // can be a global variable too...
        // process the content...
    }
  });
});

更多关于 ajax 的文档：http://api.jquery.com/jquery.ajax/

【讨论】：