【问题标题】:Standardize font size on an existing large website标准化现有大型网站上的字体大小
【发布时间】:2019-11-20 19:13:03
【问题描述】:

我正在处理一个每天有数百万用户的大型网站。随着时间的推移,该网站是多个前端开发人员的共同努力,并且在没有任何样式指南或适当的设计测量的情况下开发。结果,每个开发人员都根据自己的喜好给出了字体大小,并且几乎所有其他标签都在其 CSS/SCSS 中定义了字体样式属性。我想让网站上的字体大小标准化,以便同一页面上所有页面和组件的外观和感觉保持不变。我们可以用来进行这些字体大小更改并在有限时间内实现目标的最佳且可扩展的方法是什么? 注意 - 公司目前不开放重写代码。所以,唯一的办法就是修改现有的代码。

【问题讨论】:

  • 为你拥有的每个元素(h1,...,h6,p,li,ul,span,div 等)创建一个类并为每个元素定义一个字体大小,然后添加分类到每个元素中。没有简单的方法。
  • 首先定义一个类,并确保使用!important 标签来确保您覆盖它们,但实际上没有捷径。
  • 他们不想为一份“好”的工作买单,他们只想为一份“快”的工作买单。美好的!只需使用* { font-size: 14px !important; }
  • 将上述三个答案放在一起,一种可能的解决方法是设置每个元素的font-size: [some value]rem !important。我提供了一个example

标签: html css sass


【解决方案1】:

利用您的代码编辑器的全局搜索/替换功能。例如,假设您现有的样式使用16px17px18px19px20px 的字体大小。您希望将其缩小为两种字体大小:16px20px。对每个变体进行全局搜索,并将其替换为您想要的大小:font-size: 17px 变为 font-size: 16px,等等。

如果需要进行更复杂的搜索,可以使用regular expressions

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-04-26
    • 2013-08-29
    • 2017-11-01
    • 2011-03-27
    • 2014-11-15
    • 1970-01-01
    • 2022-08-05
    • 1970-01-01
    相关资源
    最近更新 更多