首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

打印html网页时字体粗细无用

打印HTML网页时字体粗细无用是因为打印机通常只能识别普通文本,无法识别HTML中的样式属性。在HTML中,可以通过CSS样式来设置字体的粗细,例如使用font-weight属性设置字体的粗细程度。然而,打印机在打印HTML网页时会忽略这些样式属性,只打印纯文本内容。

这种情况下,可以考虑以下解决方案:

  1. 使用PDF格式打印:将HTML网页转换为PDF格式后再进行打印,可以保留字体粗细等样式属性。可以使用第三方库或工具将HTML转换为PDF,例如wkhtmltopdf、WeasyPrint等。
  2. 使用图片替代文本:将需要设置字体粗细的文本内容转换为图片,然后在HTML中使用<img>标签插入图片。这样打印时就能保留字体粗细的效果。但是这种方法可能会增加页面加载时间和带宽消耗。
  3. 使用打印样式表:通过在HTML中引入打印样式表(print stylesheet),可以针对打印时的特殊需求进行样式设置。在打印样式表中,可以设置字体的粗细、大小等属性,以确保打印效果符合预期。

总结起来,打印HTML网页时字体粗细无用是因为打印机无法识别HTML中的样式属性。可以通过将HTML转换为PDF、使用图片替代文本或使用打印样式表来解决这个问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

撸了这么多代码,你真的了解字体吗?

1、serif(衬线体):在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同。...实际上,所有这些数值关键字浏览器都是支持的,之所以没有看到任何粗细的变化,要看你所使用的字体是否支持。...就拿“微软雅黑”这个字体来举例,它只支持两种粗细,所以当你在代码里写成500的时候,也会被认为是400。但是 Mac 上的“苹方”字体,就支持至少六种粗细。...大部分字体不是免费的 你需要知道的是:你所了解的大部分字体,都不是免费的。换句话说,如果你想用第三方的付费字体从事商业活动,要先交钱获得授权后,才可以正常使用。你在给公司做网页时,就是一种商业行为。...免费字体是有的(比如思源黑体、阿里巴巴普惠体等),但是数量太少,而且不够通用,我们做网页时基本用不到。 所以,很多公司会专门购买一套商用字体库、甚至是自己研发出一套字体,避免未来潜在的麻烦和纠纷。

2.1K10

再介绍一个超级Chrome插件,看文献效率提升一倍!

大家在日常办公浏览网页时,遇到有用的内容是否想要把它保存下来或者打印出来呢?...点击“Print Friendly & PDF”插件进行安装,可以看到该款插件的详细介绍,总结了此款插件的几个功能:可以自主删除、缩减页面内容、网页PDF化并保存、去除页面中的无用信息。...讲到这里,大家都应该get到了这个插件的功能了吧,将你浏览并想保存下来的网页PDF化,而且可以自定义做精简,去除各种广告、无意义的信息,还可以调整基本的网页字体大小等。 ? ?...删除完毕无用的信息后,点击上方按钮调整好字体和图片的大小后点击PDF。 ? 正在下载PDF,请耐心等待。 ? 点击“下载您的PDF”即可。 ? 以上小小经验,却凝聚了小通多年写稿经验。

5.7K41
  • 图像加文字与运行时间——opencv

    , 类型参看HersheyFonts fontScale 字体比例因子乘以字体特定的基本大小 color 文字颜色 thickness 用于绘制文本的线条的粗细 lineType...衬线字体,意思是在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同。 无衬线体是无衬线字体,没有这些额外的装饰,而且笔画的粗细差不多。...cvGetTickCount() - start) / cvGetTickFrequency(); cout << "所花费时间为:" << time << "us" << endl; 综合: 在输出图片上打印出运行时间...,代码大致如下: //得到函数的运行时间,并打印到输出图像左上角 cv::Mat imageIn, imageOut; stringstream buffer; double...locationNum=7&fps=1 https://www.cnblogs.com/lyggqm/p/4562727.html

    89741

    【CSS】CSS 文本样式 ② ( font 字体设置 | CSS 2.0手册使用 | font-weight 字体粗细设置 | font-style 字体斜体设置 | font 字体样式综合写法 )

    文章目录 一、 CSS 2.0手册使用 1、 按照文档层次查找 2、 搜索关键字查找文档 二、 font-weight 字体粗细设置 1、 语法简介 2、 代码示例 三、 font-style 字体斜体设置...---- 1、 按照文档层次查找 CSS 的使用方法可在 CSS 2.0 手册 中查询 ; 这里以 查询 font-weight 字体粗细设置 为例 , 在文档左侧的 " 属性 | 字体 | font-weight...参数 中 , 详细的说明了 属性的作用 , 以及 属性值如何设置 ; 2、 搜索关键字查找文档 此外 , 还可以在 CSS 2.0 手册的 搜索栏 , 搜索该属性 ; 二、 font-weight 字体粗细设置...中 , 可使用 font-weight 设置 字体粗细 ; font-weight 属性值设置 : normal : 默认不加粗样式 ; bold : 粗体 ; 1000 ~ 900 之间的数值 :..., 则可以使用 CSS 设置其 不倾斜 ; 在 CSS 中 , 可使用 font-style 设置 字体粗细 ; body { font-style:italic; } font-style 属性值设置

    4.7K20

    前端基础-css字体与文本属性

    二、css字体、文本属性 css学前小知识: 一张图片的打印出来的实际尺寸是由电子图片的像素和分辨率共同决定的,像素(Pixel)是指构成图片的小色点,分辨率(单位DPI)是指每英寸(Inch)上的像素数量...,可以看做是这些小色点的分布密度;像素相同时,分辨率越高则像素密度越大,实际打印尺寸越小,图像也越清晰。...实际尺寸(英寸)=像素/分辨率; 1英寸=2.54厘米; 如一张图片宽为600像素,分辨率为300,那么实际打印宽度为:600/300=2英寸,约为5厘米。...多学一招:(1)取值用偶数(2)默认是16px大小(3)字体有多大,看字体的高度 b) font-weight 设置字体粗细 取值:normal 正常的(400)、bold加粗(700)、bolder...(900) 、 100 - 900(字体粗细没有那么精细,所以很少使用数字) 示意图 ?

    81230

    「Adobe国际认证」字体字体有区别吗?字体区别的真正“奥义”秘籍,你掌握了吗!

    字体字体:区别 平面设计师需要学习和理解很多排版术语,它们加在一起可能会让人有点迷惑。 字体字体是两个词汇词,有时会落入设计师的抽认卡堆栈的底部。他们的定义通常永远不会被记住。让我们改变它。...字体字体 一字型,称为字体家族在CSS,指的是字母和数字(字母怎么看)的设计。字体是指字体中的不同粗细和大小。 考虑这两个术语的一个有用方法是将字体视为音乐专辑,而字体是构成专辑的歌曲。...术语字体字体起源于哪里? 在计算机出现之前(但在恐龙出现之后),“字体”和“字体”这两个词并不容易混淆,因为时代的技术使人们很容易看出它们在基本层面上的不同。 从历史上看,打印机不是数字机器。...取而代之的是,打印机和排字员会逐字逐句地列出短语、句子和单词。为此,他们使用了“类型”,即排列在页面上进行打印的物理字母和数字符。 该类型被组织并存储在工作案例中。...每种字体都放置在自己的工作案例中,因为尽管它们属于相同字体的一部分,但每种字体都具有可区分的外观:粗细、宽度、样式、视觉尺寸、等级和效果。

    69600

    Java 报错信息 Error during JavaScript execution

    但是在使用htmlunit访问网页时 经常会出现各种网页的JavaScript加载过程中的警告与提示信息 例如: ERROR c.g.h.javascript.DefaultJavaScriptErrorListener...在代码中已经对WebClient进行设置了webClient.getOptions().setThrowExceptionOnScriptError(false); 并不能关闭这些提示信息 导致每次访问网页都会打印一大串一大串的无用信息...通过查看这个报错类,重写它里面的方法,把所有log输出语句全部删除,就可以达到不打印错误信息的作用了。...domElements.isEmpty()) { return ""; } return domElements.get(0).getAttribute("datetime"); } /** * 忽略html...unit打印的所有js加载报错信息 */ public class MyJSErrorListener extends DefaultJavaScriptErrorListener { @Override

    1.4K20

    Web前端上万字的知识总结

    1、和 标签限定了文档的开始和结束点。   ...    Page-exit  退出网页时的效果   在content中对应的值为:       0:盒状收缩                 1:盒状展开                 2:圆形收缩...Media的属性值:       screen 计算机显示屏(默认)        tv(电视) projection 剧场        handheld(PDA和手提电话)       print 打印...用一个指定的字体名   font-size 字体显示的大小      font-style 字体显示的样式                                                                  ...font-weight 定义字体粗细           font-variant 设置英文大小写转换 font 组合设置字体属性       Font-style的属性值:normal 正常值

    3.7K100

    web前端基础知识总结

    上个寒假总结的web前端的一些知识点给大家分享一下 1、和 标签限定了文档的开始和结束点。...charset设置内码语系 如charset=gb2312; Expires  定义网页有效期,在content里的格式为星期,日 月 年 时 分 秒 GMT,用英文和数字 Page-enter 进入网页时的效果...Page-exit  退出网页时的效果 在content中对应的值为: 0:盒状收缩 1:盒状展开 2:圆形收缩 3:圆形展开 4:向上擦除 5:向下擦除 6:向左擦除 7:向右擦除 8:垂直百叶窗...使用的样式表都是text/javascript Media的属性值:screen 计算机显示屏(默认)  tv(电视) projection 剧场   handheld(PDA和手提电话) print 打印... 字体显示的大小 font-style 字体显示的样式 font-weight 定义字体粗细 font-variant 设置英文大小写转换  font 组合设置字体属性 Font-style的属性值:

    3.8K60

    CSS 基础 之 基础选择器+字体文本相关样式

    4.1 字体大小 4.2 字体粗细 4.3 字体样式(是否倾斜) 4.4 字体系列 5、文本样式 5.1 文本缩进 5.2 文本水平对齐方式 5.3 文本修饰 ---- 1、认识 CSS 1.1 CSS...doctype html> <meta http-equiv="X-UA-Compatible"...开发中使用极少,只会在极特殊情况下才会用到 效果: 4、字体样式 字体大小 font-size 字体粗细 font-weight 字体样式 font-style 字体类型 font-family...4.2 字体粗细 属性名 font-weight 取值 关键字: 正常——>normal 加粗 ——>bold纯数字:100~900的整百数:正常——>400 加粗 ——>700 注意点 不是所有字体都提供了九种粗细...关键字: 正常——>normal 加粗 ——>bold 纯数字:100~900的整百数:正常——>400 加粗 ——>700 注意点 不是所有字体都提供了九种粗细,因此部分取值页面中无变化 实际开发中以

    2.1K10

    【Web世界探险家】3. CSS美学(二)文本样式

    字体样式属性 1.1 字体样式(font-family) 1.2 字体大小(font-size) 1.3 字体粗细(font-weight) 1.4 文字样式(font-style) 1.5 字体复合属性...字体样式属性 CSS Fonts(字体)属性用于定义字体系列,大小,粗细和文字样式(如斜体)。 1.1 字体样式(font-family) font-family属性用于设置字体。...像素)大小是我们网页的最常用的单位 谷歌浏览器默认的文字大小为16px 不同浏览器可能默认显示的字号大小不一致,我们尽量给一个明确值大小,不要默认大小 可以给 body 指定整个页面文字的大小 1.3 字体粗细...(font-weight) font-weight属性用于定义字体粗细,其可用属性值如表: 值 描述 normal 默认值。...按照实际需求写字体 font-weight 字体粗细 加粗是700 或者 bold 不加粗是 normal 或者 400 数字不要跟单位 font-style 字体样式 倾斜是 italic 不倾斜是

    7610

    如何制作图书专用标签

    这里需要注意的是标签的尺寸要和打印机里的标签纸的尺寸保持一致。点击软件左侧的圆角矩形按钮,在标签上绘制一个圆角矩形,在软件右侧勾选显示线条,设置线条的粗细、样式和颜色等,还可以调整圆角的大小。...直线绘制完成后在软件右侧可以设置样式、粗细、颜色等。 02.png   使用单行文字工具在标签上输入文本内容,文字输入完成后在软件的右侧可以设置字体、字号和颜色等。...03.png   标签制作完成后,点击打印预览,设置标签排版和打印数量,检查无误后就可以开始打印了。 04.png   以上就是制作图书专用标签的制作方法,操作步骤很简单。...打印出来的标签就可以粘贴在图书的一角,使用起来也很方便。有需要的朋友也可以试一试。

    98540

    (数据科学学习手札128)在matplotlib中添加富文本的最佳方式

    标签,我们需要将施加了特殊样式设置的内容包裹在成对的与中,并在中以属性名:属性值的方式完成各种样式属性的设置,譬如我们想要插入一段混合了不同粗细、色彩以及字体效果的富文本: from flexitext.../p/14122415.html,下面分别演示系统自带的字体,以及自行注册导入的自定义字体是如何在flexitext中使用的(其中每种字体的name你可以通过font_manager.fontManager.ttflist...name:LXGW WenKai>霞鹜文楷', ha="center") plt.savefig('图4.png', dpi=300) 2.2.3 利用weight设置文本字体粗细...、demi、bold、heavy、extra bold、black中的选项,不过这个属性依赖具体的字体族(flexitext中使用family属性来定义)是否包含对应的粗细版本,所以有时候设置无效是正常的...,譬如下面的例子中Times New Roman是完整的字体族,因此可以设置粗细: fig, ax = plt.subplots(figsize=(9, 6)) flexitext(0.5,

    1.5K20

    matplotlib可视化必知必会富文本绘制方法

    标签,我们需要将施加了特殊样式设置的内容包裹在成对的与中,并在中以属性名:属性值的方式完成各种样式属性的设置,譬如我们想要插入一段混合了不同粗细、色彩以及字体效果的富文本: from flexitext.../p/14122415.html,下面分别演示系统自带的字体,以及自行注册导入的自定义字体是如何在flexitext中使用的(其中每种字体的name你可以通过font_manager.fontManager.ttflist...name:LXGW WenKai>霞鹜文楷', ha="center") plt.savefig('图4.png', dpi=300) 2.2.3 利用weight设置文本字体粗细...、demi、bold、heavy、extra bold、black中的选项,不过这个属性依赖具体的字体族(flexitext中使用family属性来定义)是否包含对应的粗细版本,所以有时候设置无效是正常的...,譬如下面的例子中Times New Roman是完整的字体族,因此可以设置粗细: fig, ax = plt.subplots(figsize=(9, 6)) flexitext(0.5,

    64120

    个人样式整理表

    , 31 1月 2021 作者 847954981@qq.com 说明补充 个人样式整理表 font-size 标签内字体大小 color 标签内字体颜色,可以用英文字母形式如blue,或者使用十六进制颜色表示...,也可以使用RGB标准格式即如rgb(253,217,106)表示,或者如RGBA在RGB的基础上再加上透明度rgba(253,217,106,0.6)最后一位即透明度 font-weight 标签内字体粗细...,可以是具体是数字如:200;或者如normal(正常粗细),lighter(细),bold(粗),bolder(更粗) text-align 标签内文字对齐方式,center(中心对齐),left(左对齐...,可用于调节行间距,也可通过调节行高使得文字在图形内上下对齐 letter-spacing 字间距,英文的字间距是每个字母之间的间距,而不是单词间间距,中文是每个汉字之间间距 font-family 字体...,字体能否被应用取决于使用者电脑有没有安装这个字体如果值中用”,”连接了多种字体,则会依次加载,检验有没有安装这种字体,直到检验到安装的字体,或者检验失败而使用默认字体 注:HTML中注释方法为 :

    41120
    领券