`

css字体大小设置

pt 
阅读更多
中文字号VS英文字号(磅)VS像素值的对应关系：
八号＝5磅(5pt) ==(5/72)*96=6.67 =6px
七号＝5.5磅 ==(5.5/72)*96=7.3 =7px
小六＝6.5磅 ==(6.5/72)*96=8.67 =8px
六号＝7.5磅 ==(7.5/72)*96=10px
小五＝9磅 ==(9/72)*96=12px
五号＝10.5磅 ==(10.5/72)*96=14px
小四＝12磅 ==(12/72)*96=16px
四号＝14磅 ==(14/72)*96=18.67 =18px
小三＝15磅 ==(15/72)*96=20px
三号＝16磅 ==(16/72)*96=21.3 =21px
小二＝18磅 ==(18/72)*96=24px
二号＝22磅 ==(22/72)*96=29.3 =29px
小一＝24磅 ==(24/72)*96=32px
一号＝26磅 ==(26/72)*96=34.67 =34px
小初＝36磅 ==(36/72)*96=48px
初号＝42磅 ==(42/72)*96=56px

初号=42磅=14.82毫米 
小初=36磅=12.70毫米 
一号=26磅=9.17毫米 
小一=24磅=8.47毫米 
二号=22磅=7.76毫米 
小二=18磅=6.35毫米 
三号=16磅=5.64毫米 
小三=15磅=5.29毫米 
四号=14磅=4.94毫米 
小四=12磅=4.23毫米 
五号=10.5磅=3.70毫米 
小五=9磅=3.18毫米 
六号=7.5磅=2.56毫米 
小六=6.5磅=2.29毫米 
七号=5.5磅=1.94毫米 
八号=5磅=1.76毫米
分享到：
| 给rails项目写个外部数据调用接口
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CSS布局中设置字体文字大小值大于行高值.docx

    CSS 布局中设置字体文字大小值大于行高值 在 CSS 布局中，设置字体文字大小值大于行高值是非常重要的，因为它可以避免文字之间的重叠和不完整显示的情况。下面我们将详细解释为什么需要设置字体文字大小值大于行高...

    css如何去掉h1 h2 h3 h4加粗并统一字体大小.docx

    3. CSS 文字大小：CSS 中有多种方式来设置文字大小，例如使用 font-size 样式、使用 px 单位等。 4. HTML b 加粗：HTML 中的 b 标签用于加粗文本。 5. HTML strong 加粗：HTML 中的 strong 标签用于加粗文本。 6. 更...

    CSS图片和文字排版教程

    文字大小设置可以使用font-size属性，单位可以是px、em、百分比等。例如： ``` p { font-size: 12px; } ``` CSS还提供了一些绝对大小的关键字来进行设定，包括xx-small、x-small、small、medium、large、x-large、...

    web开发中的CSS字体属性设置.docx

    本文将详细介绍 CSS 字体属性的设置，包括字体系列、字体风格、字体加粗、字体大小等。 字体系列（font-family） 字体系列是指一组相关的字体，它们具有相同的字体风格和字体加粗。使用 font-family 属性可以定义...

    动态设置android webview字体大小DEMO

    这个"动态设置android webview字体大小DEMO"是一个示例项目，专门演示如何在运行时调整WebView中显示的文本的字体大小，以提高用户体验，特别是对于视力不好的用户或者希望自定义阅读体验的用户来说，这是一个非常...

    CSS根据用户需求设置网页字体大小

    在进行CSS页页布局时，页面的外观很重要，但也需要考虑字体与文字大小的问题，在jb51.net中也有过相关的介绍。如果发现设计人员十分关注字体及字体大小，我并不感到惊奇。使用CSS来编辑字体有各种各样的方法，每位...

    html css led字体包

    为了在网页上实现LED字体效果，开发者需要在CSS中定义字体的像素化样式，例如通过设置`font-size`、`letter-spacing`和`text-shadow`属性。此外，还可以利用CSS动画或JavaScript来实现闪烁、滚动等动态效果，增强LED...

    CSS纵向拉伸或随意放大缩小字体的宽高比例

    首先，我们要明白，常规情况下，CSS中的`font-size`属性用于设置文本的大小，而字体本身的宽度和高度比例（宽高比）是固定的，这使得文字在放大时会按比例缩放，不会出现明显的拉伸效果。但如果我们想要实现纵向拉伸...

    css判断界面大小

    3. **字体调整**：根据屏幕大小改变字体大小，使文字更加易读。 4. **导航菜单变化**：在较小屏幕上隐藏复杂的导航菜单，改为简洁的汉堡图标等。 5. **组件尺寸调整**：根据屏幕尺寸调整按钮、输入框等UI组件的尺寸...

    几款酷炫的css3文字动画特效

    例如，可以设置一个`@keyframes`规则，让每个字母在不同的时间点改变其透明度或大小，从而形成动态的出现或消失效果。 4. 文字抖动动画 抖动效果可以通过改变元素的位置来实现。Splitting库允许我们对每个字母进行...

    如何用css设置网页字体

    ### 如何用CSS设置网页字体 在网页设计中，字体的选择和设置往往被忽视，而实际上，字体作为网站内容的主要承载工具，在传达信息和塑造视觉风格方面起着至关重要的作用。利用CSS（层叠样式表），设计师能够更加灵活...

    Web前端与移动开发之css字体属性.txt

    不同浏览器默认值不同 所以一般需要指定字体大小 避免浏览器之间的差异 标题标签比较特殊 需要单独指定大小 通常给body设置 3.font-weight 字体粗细 normal正常/bold粗体/bolder特粗/lighter细体/number数字...

    详解CSS3 rem(设置字体大小) 教程

    总的来说，`rem`单位在CSS3中提供了一种更为灵活和可控的字体大小设置方式，尤其适用于响应式设计和动态调整字体大小的场景。通过合理地运用`rem`，开发者可以创建出更加用户友好的Web界面，同时保持代码的简洁性...

    EXTJS 样式 修正 css 可以调整extjs里面的字体大小

    EXTJS 样式 extjs字体大小 可以轻松在这个CSS文件里面调整EXTJS插件的字体大小，对这个有需求的同志们有福了！

    CSS文字背景图

    - Font Awesome将图标设计为字体的一部分，这样就可以像处理文本一样处理图标，通过更改字体大小、颜色、阴影等CSS属性来调整图标样式。 - 使用时，只需要在HTML元素中添加一个特定的CSS类名，如`...

    ExtJS改变默认字体大小的几种方式

    /* 字体大小设置 */ } ``` 这段代码可以确保在这些特定的按钮样式下，字体大小正确显示为15px。 总的来说，调整ExtJS的默认字体大小需要综合考虑样式文件的全局修改、浏览器兼容性和组件特异性。在进行修改时，...

    CSS中的字体大小设置属性总结

    在CSS中，字体大小设置是网页设计中不可或缺的一部分，它直接影响着页面的可读性和视觉效果。本篇文章将重点讨论三种常用的字体大小单位：像素(px)、相对单位(em)以及CSS3引入的根字体单位(rem)。 1. **像素(Pixel,...

    CSS样式文件设置网页中的页面元素的CSS

    例如，你可以定义字体大小、颜色、背景、边距、布局等。将样式放在外部CSS文件中，而不是直接写入HTML，可以实现样式重用，减少代码重复，并使网站更易于更新和维护。要应用外部CSS，只需在HTML文档头部使用`<link>`...

Magicbox
Global site tag (gtag.js) - Google Analytics