Question

我尝试使用Slidy创建演示文稿，并且我想增加默认字体大小。

幻灯片演示文稿在this CSS file中设置了默认样式，其中包含font-size: 14pt;元素中的行body。

这是一个极简主义的Slidy演示文稿，我在页面头部的样式块中覆盖了这个字体大小：

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
<head> 
  <link rel="stylesheet" type="text/css" media="screen, projection, print" 
   href="http://www.w3.org/Talks/Tools/Slidy2/styles/slidy.css" /> 
  <script src="http://www.w3.org/Talks/Tools/Slidy2/scripts/slidy.js" 
   charset="utf-8" type="text/javascript"></script> 
  <style type="text/css"> 
    body {
      font-size: 128pt;
    }
  </style> 
</head>
<body>
  <div class="slide">
    <p>Some text that ought to be bigger.</p>
  </div>
</body>
</html>

在Internet Explorer中，文本很大，正如我所料。 Firefox和Chrome显示小文本。他们肯定会注意到页面中的样式块（我可以在这里更改font-family或其他CSS属性）;他们似乎并不想改变字体大小。

我应该如何指定我想要一个大的默认字体大小？

Answer 1

@ f.n174的答案可能是解决一般xhtml页面问题的正确方法。 Slidy似乎在使用CSS评估做了一些奇怪的事情，所以我们需要演示一个技巧来改变所有类型的默认字体大小。

幻灯片的内容包含在课程slide的项目中，因此我们可以使用以下方法一次更改所有文本标签的字体大小：

.slide {
  font-size: 128pt;
}

适用于Firefox，Chrome和Internet Explorer。

Answer 2

在您的body元素中添加style="font-size:128px"作为属性，如果这不起作用，请在<p>元素中添加代码

覆盖Slidy演示文稿中的默认字体大小

2 个答案: