精华内容
下载资源
问答
  • 制作TTF格式的字体

    千次阅读 2015-08-06 16:06:34
    字体制作 1、绘制矢量图形,注意路径必须是闭合的,否则会给后续工作带来麻烦。 通过AI,导出“增强型图元文件”.emf格式的文件。 2、用CorelDRAW打开,打开“排列”菜单—“修正”调出“焊接面板”。然后选中图形...

    字体制作

    1、绘制矢量图形,注意路径必须是闭合的,否则会给后续工作带来麻烦。

    通过AI,导出“增强型图元文件”.emf格式的文件。


    2、用CorelDRAW打开,打开“排列”菜单—“修正”调出“焊接面板”。然后选中图形,点击“焊接至”,当鼠标变成如图形状,点击图形的任意部位,完成焊接。最后再调整图形的大小,尽量充满工作区。

     

    然后“导出”,给字体组写上第一名称(汉字命名)。点击确定后,在弹出的窗口中输入第二个名称(字母命名),选择字符块BasicLatin ,输入字符数33。(记录图形对应的字符号,很重要,方便日后对某个图形单独进行修改。)




    将第一名称(汉字命名)文件,即*.ttf文件复制到“控制面板—字体”中。

    3、打开word,“插入—特殊符号—其他符号”,选择字体(字母命名),找到刚才存入的字体。


    展开全文
  • 平时我们常见的字体格式主要有以下几种:  1.光栅字体(.FON)  这种字体是针对特定的显示分辨率以不同大小存储的位图,用于Windows系统中屏幕...矢量字体(.FON)  虽然扩展名和光栅字体一样,但是这种字体却...

    平时我们常见的字体格式主要有以下几种:

      1.光栅字体(.FON)

      这种字体是针对特定的显示分辨率以不同大小存储的位图,用于Windows系统中屏幕上的菜单

    、按钮等处文字的显示。它并不是以矢量描述的,放大以后会出现锯齿,只适合屏幕描述。不过

    它的显示速度非常快,所以作为系统字体而在Windows中使用。

      2.矢量字体(.FON)

      虽然扩展名和光栅字体一样,但是这种字体却是由基于矢量的数学模型定义的,是Windows系

    统字体的一类,一些windows应用程序会在较大尺寸的屏幕显示中自动使用矢量字体来代替光栅字

    体的显示。

      3.PostScript字体(.PFM)

      这种字体基于另一种矢量语言(Adobe PostScript)的描述,常用于PostScript打印机中,

    不过Windows并不直接支持这类字体,要在Windows使用这类字体需要安装"Adobe Type

    Manger"(ATM)软件来进行协调。

      4.TrueType字体(.TTF)

      这是我们日常操作中接触得最多的一种类型的字体,其最大的特点就是它是由一种数学模式

    来进行定义的基于轮廓技术的字体,这使得它们比基于矢量的字体更容易处理,保证了屏幕与打

    印输出的一致性。同时,这类字体和矢量字体一样可以随意缩放、旋转而不必担心会出现锯齿。

    我们下面要制作的字体就属于这一类型。
    静蕾字体的制作过程

    当然,方正制作字库远远不会如此简单,只是在这里说一下大概的过程:

    一般分为三个步骤:
    1,设计字模
    2,对字模进行矢量化处理
    3,将矢量化处理后的字型数据编译为truetype字体文件

    其中:
    步骤“1,设计字模”有三种方法:
    1.1,请书法家/设计师手工设计/书写全部国标二级字库。
    1.2,通过建立字型架构数据库, 人工书写几千个汉字,在生成全部字库的字模,部分汉字需要

    人工后期修正,目前大部分字体公司采用这种方法设计字模。
    1.3,通过人工智能手段,根据汉字的架构特征,建立各种知识库,再利用专业的计算机软件生成

    字模,《中华大字库》采用的是这种方案。

    步骤“2,对字模进行矢量化处理”,不同的企业由于采用不同的软件,有所差异,字王采用的是

    开源矢量化软件potrace。

    步骤“3,将矢量化处理后的字型数据编译为truetype字体文件”,也有许多不同的软件,字王采

    用的是ttx程序。
    另外,许多专业的字型设计软件自身已经集成了以上三个模块,目前最好的字型设计开源软件是

    fontforge。
    2006年初,字王将发布自己的开源字型设计软件x2ttf
    我们如何制作自己的字体?

    英文字体
    因为英文字体制作相对简单,所以在这里先介绍
           一个完整的TTF字体有基本拉丁文(字母A-Z大小写、常用符号)、扩展拉丁文(音标、注音

    符号)、图形符号、控制符号以及其他很多部分组成,不过我们可以制作只包含基本拉丁文区的

    字体。我们这里要用到两个软件:Coreldraw、Font Creator Program。下面我们就开始字体的制

    作。
      第一步 用Coreldraw完成字符绘制

      相信对于每个搞平面设计的朋友来说,Coreldraw应该是非常熟悉的了。使用它来绘制字体主

    要有两个原因:一是Coreldraw的图形绘制功能非常强大,绘制复杂形状的图形易如反掌;二是在

    同类软件中Coreldraw是唯一一款直接支持TrueTupe(.TTF)输出的。

      注意!Coreldraw10的默认安装是不包含TTF格式输出支持的,需要在安装时选择"自定义安装

    ",并且在"导出文件类型"中的"矢量文件格式"里面选中"TTF字体/TTF"一项。不过到了最新的

    Coreldraw11,这项功能却不见了。下面我以目前常用的Coreldraw10为例,讲述一下使用

    Coreldraw输出字体方法。

      1.启动Coreldraw,绘制出要作为字体的图形


        2.将要作为单个字符的对象使用焊接或者组合工具组合成单一对象。这一点很重要,因为

    Coreldraw导出字体对象时一次只能导出一个单一对象,否则会提示"对象太多"而无法导出。有时

    将字符对象组合后可能会得不到我们所希望的结果,这一点应在开始绘制时就应该考虑。

       3.将所有对象的组合操作完成后,选中其中一个要作为字符的对象(在这里选择的是小写的

    "a"),点击"文件"-"导出"或直接按下快捷键"Ctrl+E"。此时将弹出"导出"对话框,在文件类型

    中选择"TTF-TTF字体文件",在文件名称中输入要导出的字体文件的名称,并且确认已在右下角复

    选框中的"仅选中的"一项前打上钩。

       4.按下"导出"按钮,弹出"导出选项"对话框。在类别名称中输入一个名称(由于我们制作的

    字体并不用于商业发布,不必遵循严格的标准,可以随意输入)。选中"符号字体"一项,这样字

    体将作为符号字体生成而不具有内部索引和倾斜加粗等内部属性。

       5.按下"确定"后会弹出一个对话框要求再次确认,再次点击"确定"进入"字体导出" 对话框

    。由于在这里只制作了字母A-Z的大小写和标点符号,因此在右上角"字符块"的下拉列表中选择"

    基本拉丁文",在下面的列表中选中小写字母"a"。我们还可以点击左下角的"选项"按钮调出刚才

    的"导出选项" 对话框来对之前的设定进行修改。在"选项"按钮上面的部分主要是字符的行列间距

    、字符大小等的设定,建议还是到Font Creator Program中进行设置,在那里的设置要比在

    Coreldraw中的更直观、便捷。

       6.再次按下"确定"按钮,一个只包含一个字母的字体文件已经被导出了。再次选中下一个字

    符"b",按下"Ctrl+E"在"导出"对话框中选中刚才导出的文件。点击"导出"将直接弹出"字体导出"

    对话框,这时会发现在右侧的列表中小写字母"a"已经显示为黑色了,这表示在这个字体中已经包

    含这个字母了。在表中选择"b"按下"确定"后,字母"b"就被追加到刚才生成的文件中去了。

      7.按照以上的步骤,依次将其余的字母及符号追加入那个文件,一个基本的符号字体文件初

    步己制作完成了。

    汉字字体
         做汉字字库本身并不困难,象利用专门的字体设计软件:fontforge,可以很轻松地完成

    字库的设计。
         字库设计的瓶颈在于字模,关于字模的设计因为涉及到书法以及技术等多个领域,很复杂

    ,你可以自己查询一些资料。
         对于初学者,可以先通过形成的中文字库,到处国标二级字库的字型图片,作为试验字模

    ,按我们在前贴介绍的3个步骤,进行矢量化,再编译成ttf字体文件。
         或者直接导入到forgefont等专业字型设计软件,生成ttf字库文件。
         在此基础上,你在现有的字体造型基础上,对字体进行修改,设计出各种风格的字模


    最后大家不要忘了,字库文件要复制到X:/WINDOWS/FONT/文件夹中

    制作字体(TTF)的程序,除可以自行制作字体外也能够直接编辑修改 Windows 操作系统上的

    任何 TrueType 字体,制作好的字体或修改好的字体能够让你保存和使用。
      下面就介绍一下如何使用Font Creator Program创建新字体。
      运行Font Creator Program,点击“文件→新建”,在弹出的“创建TTF字体”窗口中给新字

    体命名,点击“确定”按钮就打开了“字体编辑”窗口。
      在“字体编辑”窗口中双击某一个字符,例如“L”,就可以进入“L”的编辑模式。点击“

    插入→轮廓”,使用笔触画出“L”的大致轮廓,然后再通过在字符上添加节点,以调整字符的具

    体样式。
      将所有的字符全部制作完成之后,就可以点击“文件→保存”,将刚才制作的内容保存为一

    个新的字体文件。
      如果觉得全部自己制作过于麻烦,那么我们也可以利用Font Creator Program对现有的字体

    进行修改。点击“文件→打开→字体文件”,导入一种字体,然后就可以对该字体的每一个字符

    进行个性化的修改了。

    转载于:https://www.cnblogs.com/yuanbao/archive/2010/04/28/1722608.html

    展开全文
  • 此技术已应用在天猫、淘宝等网站上。 技术核心就是把Ai、SVG等矢量图转换为ttf、...(矢量字体,随意缩放) http://iconfont.cn/Iconfont 阿里巴巴 矢量图标库 之前自己想过用FontCreator自己制作字体,没...

    此技术已应用在天猫、淘宝等网站上。

    技术核心就是把Ai、SVG等矢量图转换为ttf、woff等浏览器认可的外部字体,引入后,在html中用对应的unicode来进行图标的显示。

    这个方法主要解决了图标在不同设备上的分辨率问题。(矢量字体,随意缩放)



    http://iconfont.cn/Iconfont 阿里巴巴 矢量图标库


    之前自己想过用FontCreator自己制作字体,没想到用这种类似的方式还可以自制图标。长知识了。


    比如之前在天猫看见的这种奇葩乱码文字:








    http://iconfont.cn/help/iconuse.html

    图标应用教程
    3.1 PC端应用教程
    iconfont对于前端应用来说有很多便捷:
    1、自由变化大小
    2、自由修改颜色
    3、可以添加一些视觉效果如:阴影、旋转、透明度。
    4、兼容IE6
    应用步骤:
    1
    font-face声明字体
    @font-face {font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
    }
    2
    定义使用iconfont的样式
    .iconfont{font-family:"iconfont";
    font-size:16px;font-style:normal;}
    3
    挑选相应图标并获取字体编码,应用于页面
    <i class="iconfont">&#33</i>
    3.2 PC端应用常见问题
    1、字体图标在safair或chrome浏览器下被加粗?
    (被加粗的字体图标)
    (正常比例的字体图标)
    以上现象是由于字体图标存在半个像素的锯齿,在浏览器渲染的时候直接显示一个像素了,导致在有背景下的图标显示感觉加粗;所以在应用字体图标的时候需要对图标样式进行抗锯齿处理,CSS代码设置如下:
    .iconfont{-webkit-font-smoothing: antialiased;}
    2、字体图标在IE7浏览器显示中图标右侧出现小方框现象;
    出现以上现象可以对引用字体图标的非块标签进行以下CSS定义:
    display: block;
    3、字体图标在pc端的chrome浏览器下出现严重的锯齿;
    出现以上现象可以对字体图标的边缘进行模糊;(只支持webkit内核浏览器,参数数值不宜设置得很大,这会带来图标加粗的问题)
    -webkit-text-stroke-width: 0.2px;
    放大后出现锯齿的情况
    边缘模糊后,完美展现
    3.3 在Android 中使用iconfont
    应用步骤:
    1
    第一步:复制字体文件到项目 assets 目录;
    2
    第二步:打开 iconfont 目录中的 demo.html,找到图标相对应的 HTML 实体字符码;
    3
    第三步:打开 res/values/strings.xml,添加 string 值;
    <string name="icons">&#x3605; &#x35ad; &#x35ae; &#x35af;</string>
    4
    第四步:打开 activity_main.xml,添加 string 值到 TextView:
    <TextView
    android:id="@+id/like"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/icons" />
    5
    第五步:为 TextView 指定文字:
    import android.graphics.Typeface;

    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    Typeface iconfont = Typeface.createFromAsset(getAssets(), "iconfont/iconfont.ttf");
    TextView textview = (TextView)findViewById(R.id.like);
    textview.setTypeface(iconfont);
    }

    demo代码下载
    3.4 在IOS中使用iconfont
    demo代码下载
    应用步骤:
    1
    添加IconFont字体:
    1、将您IconFont刚下载的字体文件(.ttf)添加到工程中

    2、打开Info.plist文件,增加一个新的Array类型的键,键名设置为UIAppFonts(Fonts provided by application),增加字体的文件名:“iconfont.ttf“
    2
    使用IconFont字体:
    UILabel * label = [[UILabel alloc] initWithFrame:self.view.bounds];
    UIFont *iconfont = [UIFont fontWithName:@"uxIconFont" size: 34];
    label.font = iconfont;
    label.text = @"\U00003439 \U000035ad \U000035ae \U000035af \U000035eb \U000035ec";
    [self.view addSubview: label];
    这里有两个地方注意下:

    创建 UIFont 使用的是字体名,而不是文件名;
    文本值为 8 位的 Unicode 字符,我们可以打开 demo.html 查找每个图标所对应的 HTML 实体 Unicode 码,比如:

    "店" 对应的 HTML 实体 Unicode 码为:

    0x3439

    转换后为

    \U00003439

    就是将 0x 替换为 \U 中间用 0 填补满长度为 8 个字符
    参数设置:https://coderwall.com/p/wrb3pw




    http://iconfont.cn/help/iconmake.html

    2.1 图标制作注意事项
    矢量图标转换成字体格式的时候会出现一些意外情况,所以在图标制作的时候请按照模大小设计,图标制作的时候要符合以下图标绘制规范,以便获得较好的字体图标。 图标制作模板.AI
    图标绘制规范:
    大小

    所有图标请在16X16的AI画布中绘制,(iconfont图标在绘制时均以标准图标大小16像素X16像素绘制,因为在制作成字体时文件需要设置较高的清晰度,所以图标路径也需要等比例放大。)

    减小节点

    为了确保图标的清晰显示,在绘制时须避免水平、垂直的边缘出现半个单位。(半个单位的路径会导致图标在最终显示时边缘模糊,不清晰),弧线在绘制时要保证弧度饱满。


    对齐

    LOGO(包括图形和字体)类图标要基于基线对齐,同时需要综合考虑LOGO在组合使用时的水平位置关系。


    扩展
    字体或线条类图标绘制完成后,须对对象执行“扩展”操作,以矢量图形输出,未进行“扩展”操作的路径会影响图标的正常显示。

    曲线闭合

    在绘制图形的时候,曲线必须是闭合的。如果曲线是不闭合的在字体转换的过程中是无发转译未闭合曲线的图形的。

    色彩填充

    在绘制好封闭图形后,要给图形填充颜色。

    tongji.gif

    版权声明:本文为博主原创文章,未经博主允许不得转载。

    展开全文
  •  参考这篇文章: http://blog.csdn.net/ghostwriter/archive/2006/07/11/906260.aspx QT/E程序可以直接使用TTF矢量库,但是效率不高,而且体积过大。所以有必要制作QT专用的QPF库,下面做一简单介绍:1) 必备

    先用ttf试一下看多大的字体适合你。如果flash够大那就免了,因为ttf文件比较大,得10多兆。

     

    参考这篇文章:

     

    http://blog.csdn.net/ghostwriter/archive/2006/07/11/906260.aspx

     

    QT/E程序可以直接使用TTF矢量库,但是效率不高,而且体积过大。所以有必要制作QT专用的QPF库,下面做一简单介绍:

    1) 必备环境

    首先,需要安装好qt/e2系统, 这个很简单,过程从略。

    其次,需要编译好两个工具:qvfb,makeqpf

    这两个工具都在$QTDIR/tools下,以makeqpf的编译为例:

    cd $QTDIR/tools/makeqpf

    g++ -c -I$(QTDIR)include -pipe -DQWS -fno-exceptions -f no-rtti -g -o main.o main.cpp

    g++ -L$(QTDIR)lib -o ./makeqpf main.o -lqte

    2)准备ttf

    这些文件很容易找到,你可以在自己的windows系统下发现所需要的文件:

    c:/winnt/fonts/simkai.ttf   楷体

    c:/winnt/fonts/simhei.ttf 黑体

    将所要的文件拷贝到你的linux系统的$(QTDIR)/etc/fonts目录下

    3)制作fontdir文件

    cd $(QTDIR)/etc/fonts

    打开fontdir,输入如下信息:

    name1 simkai.ttf FT n 50 240 u

    这些信息的含义如下:

    name1: 任意名

    simkai.ttf 文件名

    FT: 表示是ttf文件

    n : y表示是斜体,n表示正常

    50: 表示是正常,75表示是粗体

    240:表示是24点大小的字体,可根据需要修改

    u:表示是unicode的

    4)ok,开始转换了:

    首先,执行qvfb,然后执行makeqpf.你会在 qvfb的显示窗内看到fontdir中每一行的信息。

    点击要转换的字,稍后,新的.qpf文件就存放到$(QTDIR)/etc/fonts/下了

     

    展开全文
  • 通过矢量字库制作点阵字库

    千次阅读 2014-09-18 12:33:35
    1、字库导出步骤  涉及软件:FontEditor ...能将 TTF,OTF 矢量字库转换为 BDF 字符,可以很方便的将Windows 已经安装到系统的矢量字库转换为 BDF 字库,并能将 TTF,OTF 文件直接转换成 BDF 格式,并支持 BDF,FNT
  • WPF图片字体制作

    2019-03-28 20:16:00
    1.将PS制作好的图标到处成svg格式; 2.打开阿里巴巴矢量图标库:https://www.iconfont.cn 3.将svg文件拖入,以单色形式上传,最好放在一个项目里; 4.下载项目图标库包; 5.WPF中iconfont.ttf这个文件一定要以...
  • 我们UI做出来矢量的图,放到这个软件里操作,下面有教程,之后输入.ttf或是.otf格式的字体,我是在网上找了一个转字体的网址(http://www.font2web.com/),生成之后就是网页用的字体了。 转载于:...
  • QT/E字体库(QPF)的制作

    千次阅读 2006-07-11 16:56:00
    QT/E程序可以直接使用TTF矢量库,但是效率不高,而且体积过大。所以有必要制作QT专用的QPF库,下面做一简单介绍:1) 必备环境首先,需要安装好qt/e2系统, 这个很简单,过程从略。其次,需要编译好两个工具:qvfb,...
  • 1、矢量字体文件原理 ① 将字体描述成若干条闭合...④ 把关键点取出,使用freetype库,制作矢量字体 每种矢量字库(.ttf .ttc)都是由两部分组成,一部分是汉字的索引信息(charmaps),一部分是汉字的字形(glyph)...
  • 小图标转换为字体有几大优点 文件小,一般50k以内 避免了加载多个icons,减少了加载次数,有利于... 首先,用ps或直接用矢量图软件制作单个icon,制作好后保存为ttf格式,如图:  faq.ttf  然后,打开字...
  • BDF制作说明

    2014-12-25 21:04:28
    1、字库导出步骤  涉及软件:FontEditor 1.3.3...能将 TTF,OTF 矢量字库转换为 BDF 字符,可以很方便的将Windows 已经安装到系统的矢量字库转换为 BDF 字库,并能将 TTF,OTF 文件直接转换成 BDF 格式,并支持 BDF
  • Iconic有助于轻松地在iOS,tvOS和watchOS上... 制作图标字体并不难,特别是如果您已经拥有矢量素材。 您可以并给。 主要特点 自动生成的枚举和unicode映射,超出字体的 NSAttributedString和UIImage输出 支持TTF和OT
  • MTK的语言与字库

    千次阅读 2010-10-27 17:39:00
    能将TTF,OTF矢量字库转换为BDF字库,可以很方便的将Windows 已经安装到系统的矢量字库转换为BDF字库,并能将TTF,OTF文件直接转换成BDF格式,并支持BDF,FNT,FNB文件格式的互转换,随心所欲将 windows字体
  • 样式属性和盒模型

    2020-07-14 18:29:20
    将图标制作字体包, 这样我们就可以将图标当做一个字来对待,对齐设置大小和颜色,实现图标的变色. 矢量图标库 文本阴影 text-shadow: h-shadow(x) v-shadow(y) blur(模糊半径) color(颜色) 1、水平偏移量 正值向右 ...
  • android iconfont

    2019-12-11 09:31:41
    Iconfont 是一套字体图标,和我们使用自定义字体的方式是一样的,并且它是一种矢量图标。 Iconfont如何制作(一般都是UI提供): 免费网址:阿里iconfont 在android中使用: (1)在阿里iconfont中选择想要的...
  • 迟到的中文 WebFont

    2021-01-11 03:22:57
    这一切甚至带动了国外字体制作行业的高速发展。 <h2>WebFont 的优势 相对图片,WebFont 有如下优势: 1. 支持选中、复制 2. 支持 Ctrl+F 查找 3. 对搜索引擎友好 4. 支持工具翻译 5. 支持无障碍访问...
  • 文泰刻绘软件2002

    2015-03-02 18:09:57
    1 汉字库:字型和字体是目前最多的 字型用三次曲线精心制作 是真正的轮廓汉字 笔划经过处理后更加粗厚 可任意放大而不变形 字体有近百种 均按简体 繁体区分 支持GBK大字符集 2 中英文匹配:为您的汉字库配套了...

空空如也

空空如也

1 2
收藏数 21
精华内容 8
关键字:

ttf矢量字体制作