Question

我有一个带有嵌入式文本文件的网页。文本文件名为“Broadcast.txt”，它在顶行有.LOG，每次打开时都会输入一个时间戳。除此之外没有其他特殊功能。我找不到如何更改嵌入对象的显示字体。我已经在Dreamweaver中查找了任何可以让我们显示更大字体的设置，但无济于事。这是我的代码片段：我试图将字体更改为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>

Answer 1

您无法更改＆＃34; main＆＃34;中的任何参数。 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。

更改嵌入对象的字体大小

1 个答案: