font-size 相关问题

一个CSS属性,用于设置字体的大小,如在几个不同单位之一中指定的那样。

从 html 使用时字体大小不起作用

我正在开发一个Android应用程序,我有一个文本视图。 我想从 html 设置 textview 值。例如我得到这样的值 我正在开发一个 Android 应用程序,并且我有一个文本视图。 我想从 html 设置 textview 值。例如,我得到一个像这样的值 <span style="font-family:'Roboto-Regular'; font-size:13px; color:#383838 \">102,</span><span style="font-family:'Roboto-Regular'; font-size:11px; color:#383838 \">60 TL</span> 并且我想使用 fromhtml() 方法设置 textview 的值。颜色标签工作正常,但字体大小标签不起作用。我希望逗号后面的尺寸很小。我无法设置文本大小。 请有人帮助我 Html.fromHtml() 不处理任意 HTML,更不用说任意 CSS。虽然它确实支持 color 属性中的 style(至少在现代版本的 Android 上),但它不支持 font-size 或 font-family。您需要通过其他方式自行处理这些问题。

回答 1 投票 0

在 Quill 编辑器中设置默认选定的字体大小

我正在尝试以编程方式为我的应用程序页面上的不同 Quill rte 设置默认字体大小,但每种方法似乎越来越像一种黑客解决方法,而不是......

回答 1 投票 0

在 IE8 和 IE9 中字体显得更大

我不明白为什么IE8和IE9的字体更大。我正在使用 Helvetica 字体。其他浏览器都没问题。我只在 IE8 和 IE9 中遇到问题。行高也更大。我无法发帖...

回答 3 投票 0

为什么 › 直角引号 (›) 没有垂直对齐?

我试图尽可能地写出最好的标题,但我不确定如何准确地描述这里发生的事情,所以请随意纠正它。 我想使用 › 直角引号 (›) ins...

回答 3 投票 0

使用CSS自动调整溢出文本的大小

我目前有以下代码: 你好! 正如您所看到的,字体大小对于屏幕来说太大了。我希望文字...

回答 5 投票 0

在CSS中,为什么1rem比根小?

在此代码中, 保持其原始 30px 大小,并使用 .a 应用的 1rem(正如它应该的那样)。 但 变小了。 为什么? @import url('https://fonts.googleapis.com/c... 在此代码中,<a> 保持其原始 30px 大小,并使用 1rem 应用的 .a(理应如此)。 但 <h2> 变小了。 为什么? @import url('https://fonts.googleapis.com/css2?family=Assistant:[email protected]&family=Bellefair&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } html { font-size: 30px; } .a{ font-size:1rem; } a{ font-family: Assistant; } h2 { font-family: Bellefair; } <h2>some text</h2> <a href="/">some text</a> <h2 class="a">some text</h2> <a class="a" href="/">some text</a> 您的问题是您已将整个 HTML 文档的根字体大小设置为 30px。现在,每 1 REM 等于 30px。通常,H2 标题元素看起来比根字体大小大,但由于您使用 .a 类覆盖它(font-size 属性),因此您手动将其设置为 30px,这比通常的要小设为默认值。

回答 1 投票 0

VS 2022 更改各种 UI 元素的字体大小 - 窗口、窗格及其部分的描述

我知道我可以通过使用“工具”>“选项”>“环境”>“字体和颜色”来更改 VS2022 上的各种 UI 元素,这很棒,我已经设法增加了一些选项的字体大小...

回答 1 投票 0

设置 Telerik <ol> 列表字体大小的问题

实际上,即使 listItem01 字体大小更大(1,, 2, 3, 4, 5, 6, 0r 7),收到输出后 标签字体大小也会变为 1,所以 h. .. 实际上 <ol> 标签字体大小在收到输出后变为 1,即使 <li><font>listItem01</font></li> 字体大小更大(1,, 2, 3, 4, 5, 6, 0r 7),所以这里使用来自 Telerik 的 RadEdior,实际上 Telerik 有 1 到 7 种字体大小,因此根据 Telerik 解决方案,我尝试使用该特定 <ol> 的第一个 项目字体大小设置 <ol> 的字体大小。 这就是我尝试过的 function OnClientCommandExecuting(sender, args) { let commandName = args.get_commandName(); if (commandName === "InsertOrderedList") { let doc = sender.get_document(); setTimeout(function () { let olElements = doc.getElementsByTagName("ol"); if (olElements.length > 0) { let getLastOrderList = olElements[olElements.length - 1]; let firstListOfOrderList = getLastOrderList.getElementsByTagName("li")[0]; if (firstListOfOrderList) { let fontElements = firstListOfOrderList.getElementsByTagName("font"); let firstLiFontSize = 'small'; if (fontElements.length > 0) { let firstFontTag = fontElements[0]; let fontSize = firstFontTag.getAttribute("size"); if (fontSize) { fontSize = parseInt(fontSize, 10); switch (fontSize) { case 1: firstLiFontSize = 'x-small'; break; case 2: firstLiFontSize = 'small'; break; case 3: firstLiFontSize = 'medium'; break; case 4: firstLiFontSize = 'large'; break; case 5: firstLiFontSize = 'x-large'; break; case 6: firstLiFontSize = 'xx-large'; break; case 7: firstLiFontSize = 'xxx-large'; break; default: firstLiFontSize = 'small'; } } } getLastOrderList.style.fontSize = firstLiFontSize; } } }, 0); } } 实际上上面的代码按照我的预期生成了输出,但我需要以不同的方式获取输出 所以,我需要修改代码以达到我预期的输出 我需要 删除硬编码的 switch case 语句 删除setTimeOut方法,不影响当前功能 获取输出html代码而不实现如下所示的包装功能 测试 下面我附上了编辑器视图的屏幕截图 编辑器视图截图 编辑器视图的输出如下 <ol style="font-size: small;"> <li>test</li> <li>s</li> </ol> <p>&nbsp;</p> <ol style="font-size: x-small;"> <li> <font size="1">sds</font> </li> <li> <font size="1">f</font> </li> <li> <font size="1">ff</font> </li> </ol> <p> <font size="1">&nbsp;</font> </p> <ol style="font-size: medium;"> <li> <font size="3">sdssds</font> </li> <li> <font size="3">d</font> </li> <li> <font size="3">sd</font> </li> </ol> <p> <font size="3">&nbsp;</font> </p> <ol style="font-size: x-large;"> <li> <font size="5">sd</font> </li> <li> <font size="5">sd</font> </li> <li> <font size="5">ds</font> </li> </ol> 让我们清楚地看到输出,每个 <ol> 元素都采用 li 中第一个 <ol> 的字体大小,所以这个输出是完全正确的,所以与我需要在上面的 Telerik Solution 的帮助下获得输出相同提到的要求 因此,如果您对此有任何想法,请查看并告诉我 我从 Telerik 官方方面得到了答案,所以请使用下面的代码来解决这个问题 function OnClientCommandExecuting(editor, args) { let commandName = args.get_commandName(); if (commandName == "RealFontSize" || commandName == "FontSize") { let selElem = editor.getSelectedElement(); if (selElem.tagName == "LI" || selElem.tagName == "UL" || selElem.tagName == "OL") { selElem.style.fontSize = fontSizeIntoPixels(args.get_value()); } else selElem.style.fontSize = fontSizeIntoPixels(args.get_value()); args.set_cancel(true); } } function fontSizeIntoPixels(fsValue) { switch (fsValue) { case 1: return "10px"; break; case 2: return "13px"; break; case 3: return "16px"; break; case 4: return "18px"; break; case 5: return "24px"; break; case 6: return "32px"; break; case 7: return "48px"; break; } }

回答 1 投票 0

HTML/CSS - 在桌面和移动设备之间切换时调整字体大小

我有这个简单的 html 文件,我试图理解为什么当我移动到移动视图时我的字体大小没有缩小。我认为 font-size:7em 在从桌面移动到移动设备时会进行调整。 我...

回答 3 投票 0

jQuery CSS 字体大小不起作用

我正在尝试使用 jQuery 在鼠标悬停在 div 上时增加其字体的大小。脚本加载正确,但 jQuery 没有执行任何操作。谁能告诉我发生了什么事吗

回答 4 投票 0

更改字体大小

我想知道如何在不调整文本框大小的情况下调整 Tkinter 文本小部件中的文本字体大小。 这是我的代码: 从 tkinter 导入 * 根 = Tk() def 字体大小(值): 文本.配置(fon...

回答 1 投票 0

MS Word 和 Excel 文本大小问题

我正在做word和excel作业,字体设置一旦更改就不断更改。我尝试了各种谷歌搜索、AI、YouTube等等。我无法更改任何自动更正设置

回答 1 投票 0

在 HTML/CSS 中设置字体大小的最标准方法

我从事 HTML/CSS 工作已有多年,但我想澄清一些有关设置字体大小的事情。设置字体的最佳格式是什么? 通常,我一直在

回答 6 投票 0

使用 'ch' 作为 CSS 宽度合适吗?

对于CSS中涉及宽度单位的任何内容,当我需要固定宽度时我总是使用px,当我需要相对于字体大小的宽度时我总是使用em。 然后我意识到 em 确实是

回答 1 投票 0

em 单位和百分比有什么区别?

我读了很多关于这个主题的文章(并搜索了问答),并且找到了,但我仍然不明白em单位和百分比之间的区别是什么。帮助? 附: 我见过这个

回答 3 投票 0

将 HTML 元素向上移动 1 行高度

我有一些标记: 1一个2两个3三个 我会...

回答 3 投票 0

更改文本字段的字体而不影响上下文菜单

我注意到,在 JavaFX 中的 TextField 上设置自定义字体样式也会影响其默认上下文菜单。我可以做什么来更改用户输入的字体,但将菜单项保留在上下文中......

回答 1 投票 0

如何更改整个页面的字体大小?

几乎所有CSS类都已经用静态值设置了font-size。 例如: 字体大小:16px 字体大小:14px ETC。 如何将整个页面的字体大小增加 110%? 例子 字体大小:1...

回答 4 投票 0

为什么比默认字体大小短1em?

我正在做一些实验,然后遇到了这个问题。我将 div 的高度设置为 1em,并且我希望 div 包含其中文本的整个高度,但事实并非如此。 1em 是我的浏览器,我...

回答 2 投票 0

更改React Material-UI DataGrid(表格)默认字体大小

使用Material UI DataGrid,表格中的默认字体太小,看不清文本。 我的代码实际上是他们在页面上演示的复制/粘贴: https://material-ui.com/components/data-grid/ 我的字体是

回答 4 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.