如何增加整个网站的字体大小

时间:2012-11-14 16:06:51

标签: jquery css

我的网站包含从<h1><sup>的所有元素 - 并且每个网站都有自己的字体大小(大多数以像素为单位)

这个网站是客户的集合,每个客户都有自己的子域名。虽然整个网站的基本代码,图片,css和js都是相同的,但每个子域都有自己特定的theme.css - 只有一个用于应用客户特定设计的css文件。

现在,一个客户希望在其子域中使用更大的字体。所以我认为这只是添加

的问题
*
{
    font-size: ...
}

现在,我无法在那里指定一个尺寸..我可以列出所有元素并单独设置字体大小(这将是计划B) - 但是有一种方法可以设置所有元素来增加它们各自的字体大小?

<小时/> 的修改
如果css无法做到这一点,我可以用jquery这样做..我想..
此外,更改现有的px大小不是一个选项,因为这是遗留代码,我无法访问基本css文件..只有subdomain.csssubdomain.js文件..

< / p>

1 个答案:

答案 0 :(得分:2)

如果更改所有元素以使用em或百分比而不是像素,则可以更改正文的基本字体大小,但由于它们以像素为单位指定,因此无法执行此操作。

解决方案1:
将以像素为单位设置的所有字体大小更改为相应的em或百分比大小,并设置更大的正文大小。 此工具可以帮助您:http://pxtoem.com

示例:

body {
  font-size: 16px;
}

p {
  font-size: 1em;
}

解决方案2:
将所有元素分组并覆盖它们。

示例:

div,
span,
p {
  font-size: 12px;
}

sub,
sup {
  font-size: 10px;
}