使用FreeType实现矢量字体的粗体、斜体、描边、阴影效果

前言: Freetype是一个跨平台.开源的字体渲染器,网上很多文章介绍,本人就不啰嗦了.本文重点在于实现文章标题所属的各种效果,不是Freetype的基本使用方法介绍文档,所以对于Freetype不熟悉的同学们请先学习下Freetype的基本用法,才可以使用本文中所提及的方法. 正文: 用FreeType实现矢量字体的粗体.斜体.描边.阴影效果不是一件容易的事,本人认为皆因Freetype的接口太过于底层化,Freetype没有对其进行上层包装,所以要实现这些对于软件/游戏来说的基本效果,都是…

openhtmltopdf 支持自定义字体、粗体

一.支持自定义字体 private static void renderPDF(String html, OutputStream outputStream) throws Exception { try { PdfRendererBuilder builder = new PdfRendererBuilder(); addFont(builder, "D:\\font\\"); builder.useUnicodeBidiSplitter(new ICUBidiSplitter.IC…

chromium 34以后中文字体粗体渲染问题

估计不少人更新后都遇到这个情况了吧,粗体渲染如然变得很模糊,很奇怪,Google下说是字体实现方式变了,国内一些网站用的中文字体都是宋体,但是宋体本身没有粗体,Win下的粗体是微软自己通过某种方式实现的,linux下自然没可能了,解决办法很简单,不过有点繁琐,就是只要碰到页面粗体不正常的,查看元素,记下该字体名,然后loal.conf里添加相关行,替换改字体粗体为某个独立的粗体字体,这里我用的是微软雅黑,反正机器上有win的合法拷贝,字体自己拿出来不算侵权.你如果没有win的合法拷贝,上网自己找…

MAC里“微软雅黑”字体标准体和粗体无法同时使用问题的解决方法

微软雅黑字体,有标准体和粗体两种字体,我用的系统是OSX10.9,adobe或者是office软件中,均无法同时使用.要么只能用标准体,粗体报错:要么就是能用粗体,标准体无法使用.很偶然找到了以下MAC技巧,问题终于得以解决. 解决步骤: 下载,微软雅黑forMac.zip: 打开Finder,按shift+command+G组合键: 在对话框中输入:/Library/Fonts ,把之前的微软雅黑字体删除(名称如:Microsoft Yahei.ttf.msyh.ttf 和 msyhbd.tt…

UILabel字体加粗等属性和特效

/* Accessing the Text Attributes text property font property textColor property textAlignment property lineBreakMode property enabled property Sizing the Label’s Text adjustsFontSizeToFitWidth property baselineAdjustment property minimumFontS…

windows矢量字体点阵数据的提取(转)

源:windows矢量字体点阵数据的提取问题参考:windows api 获取字库点阵的问题 1.提取原理在windows系统当中提取矢量字体的字模有很多方法,下面介绍一种利用GetGlyphOutline来实现字模点数数据的提取. GetGlyphOutline是windows系统的API函数,利用这个函数,可以方便快捷提取矢量字体字符点阵数据,并且可以很好的支持从文本文件中读取字符.面对用大量字符数据输入时,获取点阵数据所需要的时间量也是很少. GetGlyphOutline函数声明如下…

android textview字体加粗 Android studio最新水平居中和垂直居中

android textview字体加粗 Android studio最新水平居中和垂直居中 Android中字体加粗在xml文件中使用android:textStyle=”bold”但是不能将中文设置成粗体,将中文设置成粗体的方法是: TextView tv = (TextView)findViewById(R.id.TextView01); TextPaint tp = tv.getPaint(); tp.setFakeBoldText(true);取消加粗效果设置:TextPaint tp…

MathType编辑粗体空心字的技巧

在用MathType公式编辑器编辑公式时,由于不同的使用需要,会有不同的字体要求.如果是正式的论文中的公式,一般公式只要求数学的国际使用规定就可以了,而如果是用在ppt等这种演示的文稿中,所要用到的字体以及公式样式都会比较多,其中的粗体空心就是一种.其实这种字体在word公式编辑器MathType中也是有的,并且编辑的时候也没有那么麻烦.下面就来介绍MathType粗体空心字体的编辑方法. 方法一: 1.按照自己的使用习惯打开MathType公式编辑器,进入到公式编辑界面. 打开软件进入编辑状…

WPF自定义控件与样式(1)-矢量字体图标(iconfont)

一．图标字体图标字体在网页开发上运用非常广泛,具体可以网络搜索了解,网页上的运用有很多例子,如Bootstrap.但在C/S程序中使用还不多,字体图标其实就是把矢量图形打包到字体文件里,就像使用一般外置字体一样的使用,因此Winform.WPF中都是可以用的. 在我们多个WPF项目中广泛使用了图标字体,包括自定义控件.自定义样式.模板等.总结下: 网上开源字体图标很多,很容易获取,项目开发中需要的绝大部分图标都可以找到,非常方便,推荐阿里巴巴开源字体: 字体文件非常小,比使用png等图片文件…

idea 光标变成粗体且当前文件搜索功能无法使用的问题

今天安装了idea最新版,安装完成后发现光标变成了粗体,并且快捷键在使用时出现了问题,比如:ctrl+F搜索功能无法使用经过反复修改配置也无法改善情况,后来一次重启看到下面小窗弹出有关vim的一个提示,于是猜想是不是安装的时候装了vim插件造成的快捷方式冲突,之后进入plugin界面禁用vim插件功能,重启idea IDE,OK 问题解决. ^__^…

html小知识点汇总（浏览器导航上显示图标、div无高度时试着清除浮动、文字环绕图片、字体加粗、div按百分比分、已有的不合适的class，针对特定的标签进行修改）

1.新点击的网页,在浏览器导航上显示图标: 像这种效果: <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> <title>标题</title> <link rel=&q…

UWP 矢量字体图标(iconfont)使用

本文使用阿里巴巴开源字体: 选择矢量字体图标: 查看或编辑 Unicode编码或字体名称下载到本地,添加到uwp项目代码中写法 Text:Unicode编码 FontFamily:文件路径#字体名称效果图: 参考资料 http://www.alessiosimoni.com/custom-fonts-in-windows-10-uwp/ http://www.cnblogs.com/anding/p/4961215.html…

UI图标不用愁:矢量字体图标Font-Awesome

Font-Awesome,这个项目主要是css3的一个应用,准确的说是一段css,这里的把很多图标的东西做到了font文件里面,然后通过引用外部font文件的方式,来展现图标. Font Awesome 是一套专门为 Twitter Boostrap 设计的图标字体库.这套图标字体集几乎囊括了网页中可能用到的所有图标,除了包括 Twitter Boostrap 的默认图标外,还有社交网络图标.Web 应用程序图标和编辑器图标等等,可以免费用于商业项目. 主要特色: ✓ 一种字体,249个图标,是…

文字排版--粗体(font-weight)

我们还可以使用css样式来改变文字的样式:粗体.斜体.下划线.删除线,可以使用下面代码实现设置文字以粗体样式显示出来. p span{font-weight:bold;} 在这里大家可以看到,如果想为文字设置粗体是有单独的css样式来实现的,再不用为了实现粗体样式而使用h1-h6或strong标签了. <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content=&q…

datagrid标题头粗体

//标题头粗体 //$("#R_datagrid .datagrid-header-row td div span").each(function (i, th) { // //if (i < 8) { // var val = $(th).text(); // $(th).html("<label style='font-weight: bolder;'>"…

android TabLayout设置选中标签字体加粗功能

实现 TabLayout 选中tab标签字体加粗功能如下: xml文件中定义: <android.support.design.widget.TabLayout android:id="@+id/tab_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginLeft="20dp&qu…

html字体加粗标签与写法

在html中字体加粗的标签为<b>标签,当我们使用了该标签,字体就会加粗,一般用于注明重要信息,强调文字上面写法如下字体加粗:<b>这里的字体就会加粗</b> 效果:未加粗加粗以上面效果为例,加入了<b>标签的文字实现了加粗效果…

HTML怎么实现字体加粗

HTML的加粗标签是<b>标签,是用来对你自定文字加粗,写法如下: 字体加粗:<b>这里是加粗的内容</b> 这样就可以实现加粗了!…

微信小程序-两个input叠加，多次点击字体变粗或闪动

问题描述: 当两个input叠加,多次点击input框, placeholder 字体变粗或input框闪动.如图: 代码:  <input placeholder='请输入昵称,手机号,客户名称' ></input>  <input placeholder='请输入昵称,手机号,客户名称' ></input> 效果示意图: 解决…

[修正] Firemonkey Android 文字斜粗体显示不全的问题

问题:Firemonkey Android 平台显示斜粗体文字时,文字右方会有显示不全的问题. 修正代码: 请将 FMX.FontGlyphs.Android.pas 复制到自己的工程目录下,再修改如下代码: function TAndroidFontGlyphManager.DoGetGlyph ... 略 ... then Width := Width - Bounds.left; {+++>} // 加入修正代码: 文字斜粗显示 by Aone 2017.05.26 if FPaint.g…

WPF使用矢量字体图标(阿里巴巴iconfont)

原文:WPF使用矢量字体图标(阿里巴巴iconfont) 版权声明:本文为博主原创文章,转载请注明出处. https://blog.csdn.net/lwwl12/article/details/78606747 常用的矢量字体图标:阿里巴巴iconfont,FontAwesome:今天介绍如何在wpf中使用阿里巴巴iconfont矢量图标.其他矢量图标也是类似的使用方式. 1.下载矢量图标ttf文件,并包括在项目中具体如何下载,不详写了.将ttf文件拷贝至项目,并包括在项目中. 下载下来的文…

wpf 使用矢量字体 fontawesome

第一步:首先下载矢量字体 :http://www.fontawesome.com.cn/ 第二步:在将fontawesome-webfont.ttf 文件引用到项目设置fontawesome-webfont.ttf 属性第三步:效果注:图片与编码对应表 http://nopapp.com/Blog/Article/Font-Awesome-Hex…

WPF矢量字体图标(iconfont)

原文:WPF矢量字体图标(iconfont) 转载:点击打开链接步骤: 一.下载添加iconfont文件二.添加到资源文件夹,并设置不复制,且为资源文件三.增加FIcon.xaml文件  <Style x:Key="FIcon" TargetType="TextBlock"> <Setter Property="FontFamily" Value="/K.Framework.C…

第十一篇 -- QMainWindow与QAction（斜体-粗体-下划线）

效果图: ui_mainWindow.py # -*- coding: utf-8 -*- # Form implementation generated from reading ui file 'ui_mainWindow.ui' # # Created by: PyQt5 UI code generator 5.13.0 # # WARNING! All changes made in this file will be lost! from PyQt5 import QtCore, Qt…

dephi(pascal)中修改Label字体的样式(加粗，斜体，下划线)

不废话,直接代码: Label1.Font.style:=[fsBold,fsItalic,fsUnderline]; //加粗.斜体,下划线…

LOG.ZS.0001.基于Freetype的游戏字体渲染优化思路

Total Utf8-ucs2 Html_parse Layout Render_string Init_texture Ft_load_glyph 原始 2293 1 26 708 1556 2 1403 上表用于记录优化各步骤的消耗时间. 生成的文本纹理,文本是加州宾馆的全歌词. 原始版本整个纹理的生成耗时2300毫秒左右,可以看到实际是慢得发指. 究其原因,是由于实现iron引擎的时候未进行任何性能方面的考虑. 上述时间表的构成: total : 总消耗时间 utf8-ucs2: 将utf…

如何应用Font Awesome矢量字体图标

Font Awesome 是一套专门为 Twitter Boostrap 设计的图标字体库.这套图标字体集几乎囊括了网页中可能用到的所有图标,除了包括 Twitter Boostrap 的默认图标外,还有社交网络图标.Web 应用程序图标和编辑器图标等等,可以免费用于商业项目. 可以到官方站点查看更详细的信息和使用样例. 下面仅记录使用步骤: 1.到官网上下载最新版本的Font Awesome. 2.解压文件,将其中的css和fonts文件夹拷贝到项目中,其中css文件夹中有两个css文件(fo…