使用第三方字体

1、从网上下载所需字体的TTF文件。将字体所对应的TTF文件拖入项目中。

2、然后在info.plist中添加一个新的键Fonts provided by application, NSArray类型的, 在其对应的item里面的string值为**.TTF,如图:


3、接下来就是要知道对应字体的名字FontName了。一个字体文件包括以下几个内容:文件名、字体名称、字体具体名称,我们只有文件名,不知道字体名称是什么,更不知道具体的名称,那么我们就需要写代码获得具体的字体名称。方法如下:

[cpp]  view plain copy
  1. NSArray *familys = [UIFont familyNames];  
  2.       
  3.     for (int i = 0; i < [familys count]; i++)  
  4.     {  
  5.         NSString *family = [familys objectAtIndex:i];  
  6.         NSLog(@"=====Fontfamily:%@", family);  
  7.         NSArray *fonts = [UIFont fontNamesForFamilyName:family];  
  8.         for(int j = 0; j < [fonts count]; j++)  
  9.         {  
  10.             NSLog(@"***FontName:%@", [fonts objectAtIndex:i]);  
  11.         }  
  12.     }  
打印结果:

2013-04-10 17:37:09.758 FontDemo[3336:c07] =====Fontfamily:Thonburi

2013-04-10 17:37:10.442 FontDemo[3336:c07] ***FontName:Thonburi-Bold

2013-04-10 17:37:10.827 FontDemo[3336:c07] ***FontName:Thonburi-Bold

2013-04-10 17:37:12.403 FontDemo[3336:c07] =====Fontfamily:Snell Roundhand

2013-04-10 17:37:12.404 FontDemo[3336:c07] ***FontName:SnellRoundhand-Black

2013-04-10 17:37:12.404 FontDemo[3336:c07] ***FontName:SnellRoundhand-Black

2013-04-10 17:37:12.405 FontDemo[3336:c07] ***FontName:SnellRoundhand-Black

4、现在可以知道文字包里面的字体名称了吧?接下来使用就可以咯:

[cpp]  view plain copy
  1. self.lblTitle.font = [UIFont fontWithName:@"SnellRoundhand-Bold" size:17.0];  


但是问题是,有些文件的名字同fontname是对应不起来的!问题已经解决,在MAC上双击那个文件进行安装,红色部分即是这个字体文件的字体名!!



在 echarts 中使用第三方字体,需要先加载字体文件并注册到 echarts 中,然后才能在图表中使用。以下是具体步骤: 1. 下载字体文件 首先需要从网络上下载所需的字体文件,例如 `myfont.ttf`。 2. 将字体文件放入项目中 将下载的字体文件放入项目中,通常放在 `fonts` 文件夹中。 3. 加载字体文件 在 HTML 文件中通过 `@font-face` 规则加载字体文件,例如: ```css @font-face { font-family: 'MyFont'; src: url('fonts/myfont.ttf') format('truetype'); } ``` 在上面的示例中,我们通过 `@font-face` 规则将 `myfont.ttf` 字体文件加载到了项目中,并将其命名为 `MyFont`。 4. 注册字体 在 echarts 中注册字体,例如: ```javascript var myChart = echarts.init(document.getElementById('myChart')); myChart.setOption({ textStyle: { fontFamily: 'MyFont, Arial, sans-serif' // 设置字体 }, // 其他配置项 }); echarts.registerFont('MyFont', { // 注册字体 // 这里需要指定字体文件的路径和格式 // 可以是网络路径或本地路径 // 也可以是 base64 编码的字体文件 // 这里以本地路径为例 path: 'fonts/myfont.ttf', format: 'truetype' }); ``` 在上面的示例中,我们先设置了所有文本的字体为 `MyFont`、Arial 和 sans-serif,然后通过 `echarts.registerFont` 方法注册了 `MyFont` 字体,其中需要指定字体文件的路径和格式。 5. 在图表中使用字体 在 echarts 中,每个元素都可以单独设置字体。例如: ```javascript var myChart = echarts.init(document.getElementById('myChart')); myChart.setOption({ xAxis: { name: '时间', nameTextStyle: { fontFamily: 'MyFont, Arial, sans-serif' // 设置字体 }, // 其他配置项 }, yAxis: { name: '销量', nameTextStyle: { fontFamily: 'MyFont, Arial, sans-serif' // 设置字体 }, // 其他配置项 }, series: [{ name: '销量', type: 'bar', label: { show: true, position: 'top', textStyle: { fontFamily: 'MyFont, Arial, sans-serif' // 设置字体 } }, // 其他配置项 }], // 其他配置项 }); ``` 在上面的示例中,我们分别设置了 x 轴、y 轴、柱状图标签的字体为 `MyFont`、Arial 和 sans-serif。可以发现,不同的元素可以单独设置字体,这样可以更加灵活地控制不同元素的字体风格。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值