html字体样式(有中文兼英文实例)

已于 2023-04-17 16:27:31 修改
阅读量1.4w 收藏 33
点赞数 8
分类专栏： HTML（font-family） 文章标签： HTML字体样式（中英文实例）
于 2019-05-29 15:04:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40788156/article/details/90671221
版权

有时候样式对汉字没有什么效果，需要在页面中写上英文才有效果哦

 font-family: "楷体";

在这里插入图片描述

样式一：font-family: ‘Courier New’, Courier, monospace;
eg:在这里插入图片描述
样式二：font-family: ‘Franklin Gothic Medium’, ‘Arial Narrow’, Arial, sans-serif;
eg:在这里插入图片描述
样式三：font-family: ‘Gill Sans’, ‘Gill Sans MT’, Calibri, ‘Trebuchet MS’, sans-serif;
eg:

最低0.47元/天 解锁文章
TammyTX
关注
  • 8
    点赞
  • 踩
  • 33
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
html ＜font＞中英文常用字体和颜色总结
NLOS的博客
03-30 5636
文章目录引言字体设置Web Safe Fonts(英文字体)Arial (sans-serif)Arial Black (sans-serif)Verdana (sans-serif)Tahoma (sans-serif)Trebuchet MS (sans-serif)Impact (sans-serif)Times New Roman (serif)Didot (serif)Georgia (serif)American Typewriter (serif)Andalé Mono (monospace)
HTML常用字体代码.html
10-24
HTML常用字体代码HTML常用字体代码HTML常用字体代码HTML常用字体代码
html中好看的英文字体,一组漂亮的英文字体在线演示
weixin_39717318的博客
06-19 347
JavaScript语言：JaveScriptBabelCoffeeScript确定$("#poiret").click(function() {$("#text").css("font-family", "poiret one")}); //poiret$("#lobster").click(function() {$("#text").css("font-family", "lobster")...
网页html中嵌入特殊字体（中文，英文）
blood2323的专栏
09-27 2775
html代码 @font-face { font-family: 'fontNameRegular'; src: url('LIGHRG.eot'); src: local('fontName Regular'), local('Lightningvolt'), url('LIGHRG.woff')
html常用的英文字体,50款设计必备 英文字体
weixin_42107374的博客
06-17 4484
收录了50款设计大神常用的英文字体，选择好是字体往往会事半功倍，毫不客气的说，这些字体会持续你的整个设计生涯，无论什么年代，它们都经久不衰，成为永恒的美感字型。01. PLUME02. Devious03. Verb04. Goldsmith05. Hanken06. Butler07. Sensa (2 Free Version)08. Bukhari09. Airpena Rustic Dis...
html中什么字体的英文好看,英语字体有哪些？英语哪种字体最好看
weixin_32972053的博客
06-19 940
本篇文章带给大家8个免费可商用英文字体，每个字体附页面设计案例，毕竟PPT设计中，总有一些词/数字是需要使用英文字体的英文字体的版权问题同样不能小觑即使你只用了1234如果英文字体有版权问题同样面临侵权风险soFancy Me这款字体，笔画均由线条勾勒而成，满满的艺术气息和自由洒脱气质，适用于大标题，如果字号太小，不易识别设计案例Alloy Ink这款字体风格为卡通风，字体效果略带立体感，适用于卡...
仿百度天气预报样式的echart静态html实例
05-25
仿百度天气预报样式的echart静态html实例，是一款仿百度天气预报的静态页面，用到了html、echart、query等技术。
vue删除html内容的标签样式实例
10-18
今天小编就为大家分享一篇vue删除html内容的标签样式实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
HTML+CSS样式代码实例
最新发布
03-19
html css js网页设计
HTML基础知识——设置超链接的样式简单实例
09-28
本篇将详细介绍如何设置HTML超链接的样式，并提供一个简单的实例。 超链接的四个不同状态： 1. `a:link`：表示未访问的链接状态。当用户还未点击过该链接时，链接呈现的状态。 2. `a:visited`：表示已访问过的链接...
SunnyUI Winfrom样式实例
04-10
SunnyUI Winfrom样式实例
html 好看的英文字体,力荐！8款超有设计感的英文字体。
weixin_29023805的博客
06-11 4563
今天给大家推荐8款我个人非常喜欢的英文字体。为什么是推荐英文字体呢？这是因为英文字体非常丰富，只有26个字母和10个阿拉伯数字，比中文字体要容易设计很多，所以有很多样式是中文字体没有的。我们在做PPT的时候，可以适当地用上一些英文字体辅助展示，以此起到画龙点睛的效果。Adamas这款字体，其实是基于前些年流行的 low poly(低多边形) 风格设计的，low poly 就是下边这种由很多几何形状...
在网页中自带字体的方法
lwplvx的专栏
12-04 1968
原文地址：http://www.hsq80.com/wz/dw/111.htm 在网页中自带字体的方法 为了让网页更美观、更有个性，我们通常需要在网页中使用一些网上下载下来的字体，因为系统自带的字体可选择的余地早已无法满足人们对审美的要求。 怎么用？用户的电脑又没有安装你期望的那种字体。做成图片是可以，不过不方便修改啊，不能大幅度使用啊，不利于SEO啊，速度也
html英文字体汇总,笔记 CSS常用中文字体英文名称对照表
weixin_29268331的博客
06-19 756
该楼层疑似违规已被系统折叠隐藏此楼查看此楼" data-tag="bdshare">我们在做网页时候，有时用火狐查看css原代码时候会发现有些中文是乱码，复制出来时候也会是乱码，这是由于编码原代码时候中文汉字使用了中文汉字，这样在复制粘贴时候很容易造成乱码，为了避免这种情况发生，在编写css时候需要将中文汉字转换成英文名称或者Unicode值，这样可以解决这类问题。下面是我们常用字体对照表...
html 好看的英文字体,23款网页设计师必备：经典私藏英文字体
weixin_32139249的博客
06-24 6112
作为网页设计师，对待字体设计也许并没有其他的平面设计师那般自由。例如，你没有办法在网页中使用其他中文的字体，受限于技术的原因，除了几款比较固定的中文字体(微软雅黑、宋体、黑体等)目前中文字体的特殊设计也只能以图片的方式展示。但是在英文的运用上，其实在网页设计领域，已经有了非常广大的自由度。这也是英文在传播方面，基于其本身只是26个字母不断的组合变化，从而大大缩短了信息处理的时间。终于我们不得不正视...
HTML中的英文字体颜色，及计算机职业中通用的RGB十六进制颜色
jjf_jianFeng的博客
05-30 965
HTML中的英文字体颜色，及通用的RGB十六进制颜色 华文楷体-------#F0F8FF ----- Aqua 华文楷体-------Blue-------#0000FF 华文楷体------- Aquamarine ------- #7FFFD4 华文楷体 ------- Bisque ------- #FFE4C4 华文楷体 ------- BlueViolet -...
html适合做标题得字体,40个漂亮英文字体-而且适合制作大标题哦
weixin_39622980的博客
06-11 1863
40个漂亮英文字体-而且适合制作大标题哦9月 9, 2011评论 (8)Sponsor为什么我喜欢分享英文字体呢？因为英文免费很多，而且现在做英文网站越来越多，国人的东西都以为很了不起，还收费，无语吧，好了，今天分享的英文字体都很不错，适合用来做banner的大标题字体，效果很好，而且有样板给你看了，很棒吧？赶快DOWN去！40个适合制作大标题漂亮英文字体05 RBNo2 (.otf)06 Gov...
html+英文什么字体好看的,10个非常漂亮的英文字体分享
weixin_42299775的博客
06-15 2012
喜欢设计的同学一定不可以错过呀，10个非常漂亮的英文字体分享，是不是很喜欢呢？ 赶快下载收录吧！ 地址在图与图之间~http://tetramegistus.deviantart.com/art/Madame-Butterfly-111081528http://www.tenbytwenty.com/jura.phphttp://www.fontsquirrel.com/fonts/ubuntuh...
写个实例并且保留html样式
07-14
当使用Spring Boot将HTML文件转换为docx时，保留HTML样式会有一些挑战。因为HTML和docx的样式系统不完全相同，所以无法直接将HTML样式转换为docx样式。但是，我们可以尝试将HTML中的一些常见样式转换为docx中的样式。 以下是一个示例，演示如何使用Apache POI将HTML文件转换为docx，并尝试保留一些常见的HTML样式： ```java import org.apache.poi.xwpf.usermodel.*; import org.jsoup.Jsoup; import org.jsoup.nodes.Document; import org.jsoup.nodes.Element; import org.jsoup.select.Elements; import org.springframework.stereotype.Controller; import org.springframework.util.ResourceUtils; import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind.annotation.RequestBody; import org.springframework.web.bind.annotation.ResponseBody; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; @Controller public class HtmlToDocxController { @PostMapping("/convert") @ResponseBody public String convertHtmlToDocx(@RequestBody String html) { try { // 创建docx文档对象 XWPFDocument document = new XWPFDocument(); // 解析HTML内容 Document doc = Jsoup.parse(html); // 遍历解析后的HTML元素 Elements elements = doc.body().children(); for (Element element : elements) { parseElement(element, document); } // 保存为docx文件 File file = ResourceUtils.getFile("classpath:result.docx"); FileOutputStream out = new FileOutputStream(file); document.write(out); out.close(); return "转换成功！"; } catch (IOException e) { e.printStackTrace(); return "转换失败！"; } } private void parseElement(Element element, XWPFDocument document) { // 创建段落对象 XWPFParagraph paragraph = document.createParagraph(); // 根据元素标签设置段落样式 if ("h1".equalsIgnoreCase(element.tagName())) { paragraph.setStyle("Heading1"); } else if ("h2".equalsIgnoreCase(element.tagName())) { paragraph.setStyle("Heading2"); } else if ("h3".equalsIgnoreCase(element.tagName())) { paragraph.setStyle("Heading3"); } else if ("p".equalsIgnoreCase(element.tagName())) { paragraph.setStyle("Normal"); } // 解析元素的子元素 Elements children = element.children(); for (Element child : children) { parseElement(child, paragraph); } } private void parseElement(Element element, XWPFParagraph paragraph) { // 创建文本对象 XWPFRun run = paragraph.createRun(); // 设置文本内容 run.setText(element.text()); // 设置文本样式 if ("b".equalsIgnoreCase(element.tagName())) { run.setBold(true); } else if ("i".equalsIgnoreCase(element.tagName())) { run.setItalic(true); } else if ("u".equalsIgnoreCase(element.tagName())) { run.setUnderline(UnderlinePatterns.SINGLE); } else if ("strike".equalsIgnoreCase(element.tagName())) { run.setStrike(true); } } } ``` 在这个示例中，我们使用了jsoup库来解析HTML内容，并使用Apache POI来创建docx文档。在遍历解析后的HTML元素时，我们尝试根据元素的标签和属性设置docx段落和文本的样式。请注意，这只是一个简单的示例，无法涵盖所有HTML样式。你可能需要根据实际需求进行更多的样式转换处理。 请确保在Spring Boot应用中运行该Controller，并使用POST请求将HTML内容作为请求体发送到`/convert`路径。转换后的docx文件将保存在项目的`classpath`目录下的`result.docx`文件中。 鉴于HTML和docx的样式系统的差异，无法保证完全准确地保留HTML样式。在实际使用中，可能需要根据具体需求进行更复杂的样式转换和处理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值