`
dengzhangtao
  • 浏览: 677425 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

web 显示多种字体

 
阅读更多

环境:

android 4.1 TI

 

开始看到这个需求有点吓到。。

原因是android系统只显示一种字体。

 

这样可以用web来显示,在web页面定义字体后,加载字体文件ttf

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>主屏显示</title>
<style type="text/css">
 
@font-face {
                    font-family: "宋体";
                     src: url("file:///C:/Documents and Settings/Administrator/桌面/simkai.ttf");//绝对路径
          }
         
</style>
</head>
<body>
<table width="900" border="0">
  <tr>
    <td><span style="font-family:'黑体'; font-size: 24px;">第一行,字体黑体,大小12px</span></td>
  </tr>
  <tr>
    <td><span style="font-family:'宋体'; font-size:24px; background-color:#FFFF00">第二行,字体宋体,大小14px,背景黄色</span></td>
  </tr>
  <tr>
    <td><span style="font-family:'楷体'; font-size:24px; color:#FF0000">第三行,字体楷体,大小16px,红色</span></td>
  </tr>
  <tr>
    <td><span  style="font-family:'宋体'; font-size:24px; color:#FF0000">第三行,字体楷体,大小16px,红色</span></td>
  </tr>
</table>
</body>
</html>

 

亲测ok

0
0
分享到:
评论

相关推荐

    LED显示屏数字字体素材

    LED显示屏数字字体素材是一种在电子显示技术中广泛应用的设计资源,主要用在各种LED显示屏上,如广告牌、信息显示屏、舞台背景等。这些素材通常包括各种数字和字母,设计风格各异,可以是现代简约,也可以是炫彩动态...

    Web开发中常用的04英文像素字体

    "Web开发中常用的04英文像素字体"这个主题,主要关注的是适用于数字屏幕显示的像素化字体,这些字体通常设计简洁,清晰易读,尤其在低分辨率或小尺寸显示时效果更佳。以下是对这些字体的详细说明: 1. **像素字体**...

    模拟 LED 显示的字体

    在本文中,我们将深入探讨模拟LED显示的字体及其多种风格。 首先,LED字体设计的核心是通过像素化的形式来展现文字,以模仿实际LED灯珠点亮的效果。这种像素化的设计使得字体看起来具有鲜明的立体感和科技感。LED...

    网页显示服务器字体实例

    这段代码定义了一个名为"MyWebFont"的字体,并提供了多种格式供不同浏览器使用。 2. **Google Fonts**:Google提供了一个免费的在线字体库,可以轻松地将各种字体集成到网页中。只需在HTML中添加一个链接标签,...

    所有浏览器中都能正常显示的字体

    标题“所有浏览器中都能正常显示的字体”暗示了这篇博客可能关注的是跨浏览器的Web页面字体兼容性问题。在Web开发中,确保文本在不同浏览器和操作系统上正确、一致地显示是至关重要的。描述中提到的“NULL”可能是博...

    【帆软FR】新增自定义字体(以LED字体为例)_液晶数字字体.zip

    考虑到不同浏览器对Web字体的支持程度,通常会提供多种格式的字体文件,以确保在尽可能多的设备和环境下正常显示。同时,过多的字体文件可能会增加页面加载时间,因此需要权衡美观与性能之间的平衡。 6. **最佳...

    CSS3 + @font-face 在网页中嵌入自定义Web字体

    1. 把字体文件上传到网站服务器,并为不同浏览器提供多种字体格式的兼容版本(如TTF、OTF、EOT、SVG和WOFF格式)。 2. 在CSS中使用@font-face规则声明字体,指明字体的名称和字体文件的路径。 3. 在样式表中通过字体...

    游戏开发、web开发必备字体,微软雅黑精简字体,2M大小

    开发者可以利用这一特点,确保在多种设备和浏览器上保持一致的字体显示效果,提升网页的跨平台兼容性。 标签中的“2M大小”提示我们关注的是效率与性能。在资源管理上,精简版的微软雅黑字体可以有效减少加载时间,...

    336完美像素通用矢量Web字体工具图标

    "通用"一词表明这套图标覆盖了各种常见的工具和功能,可能包括文件操作、编辑、设置、社交网络等多种类型,适用于各种类型的Web应用和网站。这些图标通常以SVG格式嵌入到Web字体中,保证了跨浏览器的兼容性。 ...

    在html转化为pdf时,解决中文不显示问题,要用到的中文字体包 simsun.tt

    在实际应用中,考虑到版权和兼容性问题,还可以考虑使用其他开源的中文字体,如`Noto Sans CJK`或`Source Han Sans`,它们提供了更广泛的字符支持和多种语言版本。 总的来说,确保HTML转PDF过程中中文的正常显示,...

    MacOS使用的中文字体

    MacOS提供了Web安全字体,如“宋体”、“黑体”和“Arial”,这些字体在大多数系统中都能正确显示,减少了跨平台显示问题。 此外,MacOS的字体管理功能也相当强大。用户可以通过“字体册”进行字体的分类、搜索,...

    windows和linux系统字体包,较全

    Windows还支持TrueType字体和OpenType字体格式,这些字体在不同的应用程序中可以保持一致的显示效果。 Linux系统则是一个开源的操作系统,它的字体管理相比Windows更为灵活,但可能对初学者来说略显复杂。Linux提供...

    在字符串中显示多种字体-综合文档

    在编程和文本处理领域,显示多种字体在字符串中是一项常见的需求。这可能涉及到网页设计、图形用户界面(GUI)开发、文档排版等场景。在不同的编程语言和环境中,实现这一功能的方法不尽相同,但核心思路是利用特定...

    WebCalendar日历控件

    用户可以根据需求选择特定的年份、月份、日期、小时、分钟和秒,这种灵活性使得WebCalendar适用于多种多样的场景。例如,在预订系统中,用户可以选择期望的入住和离店日期;在任务管理应用中,用户可以设定任务的...

    WEB进度条、滚动条、让你字体内容炫起来

    CSS3提供了多种动画属性,如`animation`、`transition`,结合`keyframes`规则,可以创建出各种字体动画,如淡入淡出、旋转、抖动等。另外,JavaScript库如Textillate和Typed.js则提供了更高级的功能,比如文本逐字...

    利用自定义web-font实现数据防采集

    1. 多格式支持:考虑到不同浏览器对Web字体格式的支持程度,应提供多种格式的字体资源,以确保在各种环境下都能正常显示。 2. 字体缓存:利用HTTP缓存机制,将Web字体缓存到客户端,减少网络请求,提高页面加载速度...

    amcharts fonts 字体文件夹

    AmCharts支持多种图表类型,如柱状图、线图、饼图、雷达图等,并且允许自定义各种样式,包括字体。这些自定义字体可能包含特殊符号或者特定的设计风格,以增强图表的视觉效果。字体文件的格式可能包括`.ttf`...

    验证码字体库

    6. **字体格式**:字体库可能包含多种格式,如TrueType(.ttf)、OpenType(.otf)或Web字体格式(.woff, .woff2),以适应不同的应用场景,如桌面应用、网页或移动设备。 7. **版权与开源**:在选择或创建验证码...

    web模板web主题web按钮

    在"web主题"这一部分,可能包含了一系列相互协调的颜色、字体、图像和布局,为用户提供多种选择,让他们可以根据品牌标识或者个人喜好调整网站的视觉呈现。 **Web按钮** 是网页上的交互元素,通常用于触发某种操作...

    web支持ios表情

    2. **字体和CSS**:由于不同的操作系统和浏览器可能使用不同的字体来显示emoji,所以有时需要引入专门的emoji字体库,如Twitter的Open Sans Emoji或Apple的Apple Color Emoji。通过CSS,我们可以设置`font-family`...

Global site tag (gtag.js) - Google Analytics