Tag: font size

IE字体大小减小不会导致选择框高度降低

我的页面上有一个字体大小调整function，通过javascript增加整个页面的字体大小。 这在IE以外的大多数浏览器中都能正常工 在增加字体大小后减小字体大小时，即使字体大小减小，选择框的新高度也不会减小。 相反，较小的字体似乎用空格填充。 关于IE在这里做什么的任何想法，以及解决方法？ function setFontSize(newFontSize) $(‘select’).css(“font-size”, newFontSize); }

当字体大小低于1px时，SVG文本路径点击半径太高

我在D3.js中创建了一些河流 ，并希望它们可以点击 。 所以我创建了一个例子jsfiddle.net/kwoxer/5uc17jwr/19/ 。 在那里你可以看到河流的鼠标hover总体上是好的。 但问题是当字体大小低于1px （例如River 9和River 10）时，它就不再正确了。 不知何故，鼠标hover是错误的，半径太高了。 因此，在font-size 1px下面，您实际上可以将鼠标移离文本，并且河流文本仍然会突出显示。 我想知道为什么它低于1px以及如何解决这个问题。 也许如果有一些禁用outerRadius？ 问题例子 我希望红色和蓝色标记与事件。 红色的将突出11河，蓝色的突出19河： 这几乎是同一个问题，但另一个案例。 因此，当河流的字体大小太小时，蓝色区域也会切换突出显示。 我想禁用该行为：

在WYSIWYG编辑器上更改字体大小选项？

所以我有一个来自jqueryscript.net插件的bootstrap wysiwyg编辑器，我试图在字体大小下拉列表中提供更多字体选项。 所以我进入JS并找到它的var并将其从小，中，大，巨大变为更精确的大小，如10px，11px，12px等。但是当我进入编辑器测试它时，它是仍然使用旧的字体大小，所以当我像5px-10px一样，它是中等大小的..等我看了看，看了一眼不太深入的JS并且无法找到它如何拉动那些为了我的生命！ 有没有人知道如何在这个下拉列表上正确调整字体大小？ 谢谢！！ 我把代码放到一个jsfiddle中，因为它在这里太长了，但是它无法在它中运行。 我不得不为js中的print函数删除document.write以使其保存。 http://jsfiddle.net/wfaLa3h0/3/ code here

单击一个按钮以在javascript / css中更改的文本字体大小

要清楚了解我正在做什么，请查看此示例或检查以下代码 此示例是更改h1，h2，p的文本大小。 有没有办法在javascript / css中我可以更改“body”的文本大小，我可以更改整页文本？ $(document).ready(function() { $(“#small”).click(function(event) { event.preventDefault(); $(“h1”).animate({ “font-size”: “24px” }); $(“h2”).animate({ “font-size”: “16px” }); $(“p”).animate({ “font-size”: “12px”, “line-height”: “16px” }); }); $(“#medium”).click(function(event) { event.preventDefault(); $(“h1”).animate({ “font-size”: “36px” }); $(“h2”).animate({ “font-size”: “24px” }); $(“p”).animate({ “font-size”: “16px”, “line-height”: “20px” }); }); $(“#large”).click(function(event) { event.preventDefault(); $(“h1”).animate({ “font-size”: “48px” }); $(“h2”).animate({ “font-size”: “30px” }); $(“p”).animate({ […]

CSS / Javascript流体字体大小

我的应用程序有两个视图，即实时模式和预览模式。 这两个都有可以resize的窗口。 它们是相同的html文件。 我正在寻找一种方法来调整字体大小，以便在resize时对两个视图按比例resize。 我使用jQuery作为我的javascript框架。 有没有办法让这个在CSS或jQuery中工作？

如何使用JavaScript或JQuery获取默认字体大小（以像素为单位）？

如您所知，em是一种相对字体测量，其中一个em等于默认字体大小中字母“M”的高度。 使用它的一个优点是因为您可以调整文本大小。 但是如何使用JavaScript或JQuery获取当前环境的默认字体大小（以像素为单位）？ 问候，

parseInt（）和parseFloat（）之间的区别

可能重复： parseInt（）和parseFloat（）之间的行为差​​异 var box = $(‘.box’), fontSize = parseInt(box.css(‘font-size’), 10) + 5; $(‘button’).on(‘click’, function() { box.animate({fontSize: fontSize}); }); // .. var box = $(‘.box’), fontSize = parseFloat(box.css(‘font-size’), 10) + 5; $(‘button’).on(‘click’, function() { box.animate({fontSize: fontSize}) }); 有什么区别.. **fontSize = parseInt(box.css(‘font-size’), 10);** **fontSize = parseFloat(box.css(‘font-size’), 10);** 并且为什么要将10作为上下文…请帮助？

在div（高度和宽度）内完美匹配文本而不影响div的大小

我提前道歉，因为我知道这个问题之前出现了很多次，但我似乎无法找到正确的解决方案（相信我，我已经尝试了几个！） 基本上它是旧的“ 在div中完美匹配文本而不影响div的大小 ”。 除非我是一个完整的numpty，我相信CSS无法做到这一点。 所以我的意思基本上不是做以下事情： #someDiv { font-size: 12px; } 要么… #someDiv { font-size: 1em; } ……我希望能够做到这样的事情： #someDiv { font-size: fluid; } …意思是这个div包含的任何文本，将其缩放为从左到右，从上到下完美拟合，没有溢出或空格。 在浏览了无数寻找这个CSS解决方案的网站之后，我现在已经接受了CSS无法做到这一点……所以，输入jQuery。 我在网上找到了几个jQuery解决方案，但是他们只会缩放文本以适应宽度，但我希望它也可以扩展到高度。 所以我想对jQuery说： “jQuery，找到$（this）div和其中的任何文本我想让你缩放它，以便它尽可能紧密地填充div的整个高度和宽度”。 如果我没有很好地解释自己，我附上了一个图解，解释了我面临的问题以及我正在寻找的解决方案。 任何帮助将非常感激。 谢谢。

使用jQuery更改基于Font-Family的Body字体大小

我正在尝试使用Myriad Pro作为Arial的主要字体，例如像这样的后退： font: 13px “Myriad Pro”, “Helvetica”, “Arial”, “sans-serif”; 我想在选择Arial或Helvetica时更改字体大小。 这是我在jQuery中所拥有的，但它不起作用： $(function(){ if ($(“body”).css(“font”) == “Arial”) { $(“body”).css(“font”, “10px”); }; }); 我感谢你的时间，帮助和慷慨:)

获取JS中DOM元素的计算字体大小

是否可以检测DOM元素的计算font-size ，考虑在其他地方（例如在body标签中）进行的通用设置，inheritance的值等等？ 一个独立于框架的方法会很好，因为我正在研究一个独立运行的脚本，但这当然不是必需的。 背景：我正在尝试调整CKEditor的字体选择器插件（源于此处 ），以便它始终显示当前光标位置的字体大小（而不是仅在具有显式font-size设置的范围内时，这是目前的行为）。