使用css/js缩放所有字体

文章/答案/技术大牛

发布

5回答

javascript、css、twitter-bootstrap、fonts、scaling

我需要一次点击改变所有字体的大小(所以它是为视力有问题的人调整的)。在下一次点击后，它应该会恢复正常。最简单的方法是什么？我不想访问每一个单独的文本，因为有很多文本。我希望所有的比例都在20-50%左右。有什么简单的方法可以做到这一点吗？我使用bootstrap和jQuery。

浏览 28提问于2018-09-03得票数 0

2回答

用fontSize更改*(一切)的JavaScript

javascript、html、css、accessibility、zooming

但是，由于JS的浏览器内缩放功能不受广泛支持，我认为另一种缩放方式是改变font-size: n%;，因为我已经在所有与尺寸相关的东西上使用了rem单元。如果我在css中更改*的字体大小，所有其他东西都会随字体大小而缩放。例如：*{font-size: 110%;}将与改变浏览器相同--放大到110%。另外，我想使用一个select >选项在50%到150%之间进行选择。这样我就可以利用onc

浏览 2提问于2020-07-18得票数 0

1回答

使用CSS根ems和缩小字体大小

ipad、css、fonts、autoscaling

我已经将我网站的一部分从使用CSS ems转换为rems。我知道，当使用ems时，我的字体缩放工作，然而，在我使用了rems字体大小是不受影响的纵向模式。除了浏览我所有的CSS并把它改回给他们(这会很费时)，我还有其他的选择吗？为什么雷姆斯不能很好地发挥字体</e

浏览 4提问于2013-08-01得票数 1

回答已采纳

1回答

在firefox中用不同的字体替换Helvetica Neue

javascript、firefox、css、mozilla

有没有办法在火狐浏览器中通过userchrome.css、usercontent.css或user.js将“Helvetica Neue”字体替换为“宋体”？我发现这个字体在不缩放内容的情况下很难阅读。谢谢。

浏览 1提问于2009-11-22得票数 0

1回答

无法在打印和屏幕之间获得一致的字体大小

xaringan

但是我讨厌手动输入图形等等，所以最初我使用Beamer来模仿它，但是现在我尝试使用xaringan来实现所有现代的html功能。如果我在xaringan中也这样做，使用下面的示例代码，那么(如果我在css @page代码中添加强制将pdf打印成正确的物理大小)，那么在pdf中的字体大小将与Google生成的pdf中的字体大小相匹配因此，没有简单的方法来制作它，这样我就可以使用相同的.Rmd文件作为pdf在线显示和发送，其方式是所有<e

浏览 1提问于2020-10-30得票数 3

回答已采纳

1回答

如何使WKWebView支持动态类型/响应UIFontMetrics

ios、objective-c、swift、wkwebview、dynamic-type-feature

我的应用程序支持动态类型，因此字体大小根据用户在iOS中可访问性设置中设置的首选项进行缩放。我想，我可以使用CSS/JS注入来实现它，并动态地应用适当的字体大小。但也许有更好的解决方案？WKWebView能够响应动态字体/ UIFontMetric吗？我做了一些研究，但什么也找不到。

浏览 11提问于2020-06-17得票数 0

2回答

用浏览器缩放字体大小值

css、firebug、font-size

我在我的CSS文件中设置了rem缩放字体大小，在CSS文件中的html{ ... }块中设置了16px的基本字体大小。但是，如果我将缩放提高到120%，页面上的所有文本都会按比例增加(而与字体大小无关的元素保持一致)，但是在使用firebug读取页面源时，它仍然告诉我：html, body { font-size我的印象是，通过改变浏览器的缩放，它改变了body (或html)元素的字体

浏览 6提问于2016-06-02得票数 3

回答已采纳

1回答

如何减少materialize.js的所有小部件的大小？

javascript、css、desktop-application、materialize、javafx-webengine

有没有一种简单的方法可以减少所有material.js小部件的大小(较小的填充，较小的字体大小，.)？或者，是否有一个主题或一个以桌面应用程序为目标的物化叉？(过去我使用SWT。现在，我考虑切换到htm

浏览 4提问于2017-08-05得票数 1

回答已采纳

2回答

iOS/mobile Safari是否为其字体调整控件提供了javascript事件或媒体查询？

javascript、ios、css、safari、responsive-design

I样式的响应式网站使用js来确定字体大小，然后应用css使用的类进行各种布局调整。简而言之，我的js检测环绕在文本字符周围的span的大小调整。最新版本的移动Safari提供了一个字体大小调整控件，它的缩放机制不会触发我的检测js。关于我可以用来检测移动Safari字体大小的事件或其他更改，有什么想法吗？也许是一个css媒体查询？我尝试了一个基于js intersectionobs

浏览 2提问于2019-10-10得票数 0

1回答

按比例缩放页面(包括媒体查询)

html、css、responsive-design、media-queries

因此，如果我将页面中的所有内容按2的倍数进行缩放，那么以前以400 by发出的媒体查询现在应该会以800 by的速度运行。如果我使用浏览器的缩放控件来缩放页面，那么媒体查询按比例缩放，但是在缩放css属性时不会发生这种情况。此外，火狐不支持缩放，使用transform: scale(2)也不能给出预期的结果。对所有内容使用rem单元，包括媒体查询，然后更改html元素的基本

浏览 0提问于2018-03-02得票数 2

1回答

CSS/JS:可以精确缩放文本吗？(不仅仅是更改字体大小)

javascript、css、responsive-design

我知道如何使用CSS更改字体大小，也知道如何在画布内缩放文本，但是是否可以使用CSS/JS在画布外缩放文本？我现在的问题是，我希望页面上的动态对象随页面一起调整大小，但当这些对象上有文本时，它无法正确调整大小，因为字体只有全像素大小，而不是分数，当用户调整大小时，我会得到“抖动”或“跳跃”。在字体上使用百分比数量并不能改变没有"16.5“大小的字体的事实，一个3

浏览 2提问于2016-06-06得票数 0

3回答

放大我的网站10%

css、zooming

在为一位客户完成网站设计后，我意识到所有的东西都有点小。在试用了浏览器的缩放功能后，我发现放大10%的功能修复了很多问题！问题是，我不知道如何调整所有内容的大小(div大小、图像大小、文本大小等)。我更喜欢在CSS中做这一切。哈哈，好了，伙计们，我想我还是进去，花点时间改变一下尺寸吧。这不是我想做的，但我想这是我唯一真正的选择。谢谢大家:)

浏览 0提问于2012-05-06得票数 0

回答已采纳

1回答

如何在响应的SVG中保持文本大小？

javascript、d3.js、svg

我试图在响应性d3.js图表中保持文本元素的大小。.attr('viewBox','0 0 600 300') .attr('preserveAspectRatio'

浏览 1提问于2019-04-02得票数 3

6回答

在网站上调整字体大小的好方法是什么？

jquery、css、accessibility

我需要把一个网站上的字体大小和字体大小的一些图标。自从我这样做已经有一段时间了，我不知道这些天的分数是多少。JQuery是处理这种情况的首选方法还是纯CSS。另外，我是否需要对我的字体大小做一些特殊的处理，比如使用em而不是px？提前谢谢。

浏览 3提问于2010-11-24得票数 7

回答已采纳

1回答

如何在画布上缩放文本？

javascript、css、html5-canvas、css-transforms

我正在使用CSS转换比例缩放文本fontSize: 20px // do I need to include fontSize?canvas').getContext('2d'); ctx.fillText('Hello world', 10, 50);我应该如何在上面的js函数中缩放文本？我已经对<em

浏览 17提问于2022-09-23得票数 0

回答已采纳

4回答

VS代码自定义侧栏

visual-studio-code

特别是，我想更改字体大小。是否有用户设置？或者，也许，我可以通过样式表来编辑它，因为它是一个电子应用程序，就像在Atom中一样？

浏览 4提问于2016-03-03得票数 22

回答已采纳

4回答

用css缩放字体

css、fonts

使用css缩放字体的正确方法是什么？那么兼容性呢？也许自定义字体文件本身会更好？ 

浏览 10提问于2016-04-28得票数 1

回答已采纳

2回答

基于em的布局的问题

css、fluid-layout、em

我正在尝试使用css构建一个布局，其中所有维度都在em中指定。我的印象是，这将允许页面以不同的字体大小/缩放级别以相同的方式显示。然而，我注意到文本会随着大小/缩放的改变而换行不同。例如，在中，文本以我的原生缩放比例显示在一行上，字体大小为1em，但以2em的字体大小换行。因为容器的宽度是以em为单位的，所以我希望它可以一致地换行/不换行，因此应该与字体大小成比例地增加。

浏览 3提问于2011-06-03得票数 0

5回答

如何在页面加载后增加页面上的所有字体大小？

jquery、css、font-size

在页面加载后，有没有办法使用JavaScript或jQuery将页面上的所有字体大小增加一定的百分比？

浏览 0提问于2013-04-08得票数 8

回答已采纳

1回答

更改iphone/ipad的字体大小保存缩放功能

javascript、ios、uiwebview

Html页面通过js具有缩放功能。user-scalable = yes'); }}@media screen and (min-width : 480px) {} 字体看起来会很棒问

浏览 1提问于2012-08-02得票数 0

点击加载更多