更改嵌入对象的字体大小答案

【问题标题】：Change font size of embedded object更改嵌入对象的字体大小
【发布时间】：2023-03-09 09:54:01
【问题描述】：

我有一个嵌入了文本文件的网页。该文本文件被命名为“Broadcast.txt”，它的顶行有 .LOG 用于在每次打开时输入时间戳。除此之外没有其他特殊功能。我找不到如何更改嵌入对象的显示字体。我在 Dreamweaver 中寻找任何可以让我们显示更大字体的设置，但无济于事。这是我拥有的代码的 sn-p：我尝试将字体更改为 42pt，但它仍然有效。我尝试更改 CSS 中的设置，它仍然不会影响对显示的小字体的更改。有任何想法吗？

<div class="container">
  <div class="header"><a href="#"><img src="" alt="Insert Logo Here" name="Insert_logo" width="180" height="90" id="Insert_logo" style="background: #C6D580; display:block;" /></a> 
    <!-- end .header --></div>
  <div class="content">
    <h1>&nbsp;</h1>
<h2>&nbsp;</h2>
    <p>  <OBJECT DATA="Broadcast.txt" TYPE="text/html" WIDTH="600" HEIGHT="400" ALIGN="bottom" STYLE="width:96%;margin:2%;">
        <EMBED SRC="U:\Web Pages\Web Templates\greeny_blu\Broadcast.txt" WIDTH="600" HEIGHT="400" ALIGN="bottom"></EMBED>
      </OBJECT> </p>
    <p>&nbsp;</p>
  <!-- end .content --></div>

好的，那么这样做呢？我正在通过 JS 阅读它，它现在在一个框架中。我仍然无法隔离字体。这是我所拥有的：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <!-- TemplateBeginEditable name="doctitle" -->
  <title>ISC Impact Summary</title>
  <!-- TemplateEndEditable -->
  <META HTTP-EQUIV="REFRESH" CONTENT="10"> <!--
  This is the automatic refresh setting for this web page. It is in seconds. 
  -->
  <html>  
  <style type="text/css">
  body {
    background-color: #06F;
  }
  .Style1 {
    font-family: Calibri;
    font-size: 24em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    background-color: #C0C0C0;
}
  body,td,th {
    color: #CF0;
}
  </style>
  <head>  
  <script type="text/javascript">   
  function init(){      
  var extText = window.frames[0].document.getElementsByTagName("HTML")[0].outerHTML; 
  document.getElementById("nMessage").innerText = extText; }
  </script>
  <!-- TemplateBeginEditable name="head" -->
  <!-- TemplateEndEditable -->
  </head>  
  <body>
  <div>
    <div align="center">
      <h2>ISC Critical Alert Summary</h2>
    </div>
  </div>


   <div>
  </div>
  <div align="center" style="font-size:42;"><!-- TemplateBeginEditable name="EditRegion1" -->
  <iframe src="Broadcast.txt" width="96%" marginwidth="2%" height="400" marginheight="2%" align="middle"     scrolling="Yes" class="Style1" id="messageTxt" style="font-size:42pt" >ISC Critical status</iframe>
    <!-- TemplateEndEditable -->
  </div>   </body>  
</html>

【问题讨论】：

标签： html dreamweaver

【解决方案1】：

您不能从“主”html 更改任何参数。浏览器将 iframe 和嵌入式文档与父级隔离开来。

您可以通过 javascript 加载文本或使用 html 而不是 txt。

技术细节 :)

t.txt - 是带有文本的文件。您可以为其设置完整的网址或将其放置在此页面附近并仅设置其名称。

    <!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="utf-8">
    <title>ISC Impact Summary</title>
    <style type="text/css">
        .b-box_with_grand_text{
            font-size: 42px;
        }
    </style>
    <!--copy this block. jQuery is get from google servers-->
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
        // this possible write on clean JS
        $(document).ready(function(){
            $.get('t.txt', function(data) {
                // #echo_file = id from div
                $('#echo_file').html(data);
                alert('Load was performed.');
            });
        })
    </script>
    <!--end copy-->
</head>
<body>
<!--in this block txt file content will be posted. 
Just copy id in place where you want place text-->
<div id="echo_file" class="b-box_with_grand_text"></div>
</body>
</html>

这可行，但它加载昂贵的库 jQuery。

【讨论】：

好吧，那么就这样吧。我正在通过 JS 阅读它，现在它在一个框架中。我仍然无法隔离字体。这是我现在所做的：
很抱歉给您带来不便，但我的意思是用 JS 阅读它并使用所需的格式放入 div（span 等）
我有两个我不能做的事情，有人对我如何做我想要完成的事情有任何建议吗？
技术细节看起来像是我可以使用的答案，但是当保存为 html 页面时，它在 Dreamweaver 中不起作用。这需要安装jQuery吗？
jQuery 是从谷歌服务器下载的，所以你不需要下载它。