有没有理由避免使用text-align: justify;？
它会降低可读性还是导致问题？
我正以一种非常直接的方式将文本打印到画布上:
var ctx = canvas.getContext('2d');
ctx.font = "10pt Courier";
ctx.fillText("Hello World", 100, 100);
但是,如何将文本更改为粗体,斜体或两者？有什么建议可以解决这个简单的例子
是否是适当的HTML实体给出维度×？我希望在语义上是正确的,但这引出了一个问题,即将维度列为2" x 3"甚至语义？如果x代表"by",我会使用字母x还是×？
在我的代码中,我一直在使用2″ × 3″,或2"×3".根据"应用于Web的印刷样式元素"中的建议,不间断空格是为了防止尺寸被包裹.
在HTML(以及一般的排版,我想)中,似乎有一些H1-H6元素的定义大小.
即,如果基线字体大小为16px(或100%),则h1(w/c)应为2.25em(36px).H2(w/c)应为1.5em(24px).等等.这些变量来自哪里？H1 = 36px,H2 = 24px,H3 = 21px,H4 = 18px,H5 = 16px,H6 = 14px,即.(或者,如果你愿意,H1 = 2em,H2 = 1.5em,H3 = 1.17em等,这一点不是数字本身,而是它们之间的关系)
它们有一些数学公式吗？它与黄金比例或斐波那契有关吗？我一直无法找到相关信息.
编辑:更具体地说,模式是什么; 为什么从36到24到21,或从36开始(或者,如果你喜欢,从2em到1.5em到1.17em等)？
哦,我忘了说明我想出原始数字的地方,他们就是从这里来的
我是一名UX架构师,与一群大多数初级的Android开发人员合作.我们在Android中正确设置行高问题.
我们使用Material Design规范作为我们应用的指南.特别是,您可以在此处查看线高规格:
https://material.google.com/style/typography.html#typography-line-height
我们以Body 2为例.规格说类型是13sp或14sp,领先(行高 - 相同的东西)应该是24dp.
这就是问题:这些开发人员告诉我,没有像代码中那样设置行高的方法.相反,他们告诉我测量两行文本之间的距离并给他们测量 - 让我们说它是4dp.他们想要我们正在使用的每种文本样式.
我们使用Sketch> Zepelin流程进行规范.
这似乎很奇怪,我才能够创建一个字体的风格(这可以很容易地在代码类/风格)是13SP与24dp领先,而不能设置的领先,而是要一个第三的措施增加混合.Sketch或Zepelin中没有"行间线"这样的措施.
这真的是它的完成方式,还是有正确的方法来设置线高？
有没有办法强制使用CSS使字体等宽？
我的意思是,使用非等宽字体,你可以强制浏览器以固定宽度渲染每个字符吗？
在法语中,排版要求我们在不同的地方使用狭窄的 不间断空间(U + 202F)("Commeça!").
显然,Windows上的每个浏览器都无法支持,而且它们都会显示一个奇怪的角色.这适用于Mac OS X和Linux上的大多数浏览器.
有谁知道如何使Windows浏览器正确呈现它？
(我认为这是一个Windows错误而不是浏览器错误,因为只要它不在Windows上,Firefox和Safari都支持它).
这个W3Schools教程教我如何使用CSS font-style属性使文本变粗(相当于<b&g>this</b>旧式HTML)以及如何使文本斜体(相当于<i>this</i>旧式HTML).
但是,我似乎无法在任何地方找到如何使文本同时具有这两个属性(相当于<b><i>this</i></b>旧式HTML).
有没有办法使用纯CSS做到这一点？
我试过这个:
font-style: italic bold;
结果是页面忽略了这两个属性,就好像我从来没有指定过这个属性.
当我尝试这个时,我得到了相同的结果:
font-style: italic, bold;
我尝试这个时得到了不同的结果:
font-style: italic; bold;
这一次,发生的事情是它使用了第一种给定的样式(斜体)但忽略了第二种(粗体).
这可以用纯css完成吗？