ionic2添加自定义文字

上次更新到如何添加自定义图标,紧接着这次更新ionic2如何添加自定义字体

首先你要有自己的字体文件以.ttf结尾的文件字体 :推荐个字体文件网站(相对来说流氓软件比较少的)http://www.ps123.net/photoshop

然后:

比如我下载的字体是Muli  (要想知道自己的字体叫什么点击 反手键点击字体文件 点预览上面哟孤儿字体名称 我的名称是Muli )

你现在只需要把下面的内容放到你的variable.scss文件中。

@font-face {
  font-family: "Muli";
  src: url("../assets/fonts/Muli-Regular.ttf") format("truetype");
}

$font-family-md-base: "Muli";
$font-family-ios-base: "Muli";
$font-family-wp-base: "Muli";

这样你就可以用自定义的字体了 马上去看看效果吧
时间: 2025-01-02 15:06:06

ionic2添加自定义文字的相关文章

创建一个没有边框的并添加自定义文字的UISegmentedControl

//个性推荐 歌单 主播电台 排行榜 NSArray* [email protected][@"个性推荐",@"歌单",@"主播电台",@"排行榜"]; UISegmentedControl* promoteSgement=[[UISegmentedControl alloc]initWithItems:promoteArray]; promoteSgement.frame=CGRectMake(0, 64, screenWi

iOS 添加自定义文字字体样式

1,导入ttf格式的字体到项目中 2.在info添加配置 3,双击字体,可以得到字体名(家族名) 4,可以在程序启动时打印出程序里面的所有字体名 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { rray *familyNames = [UIFont familyNames]; for( NSString *familyNam

安卓状态栏美化相关教程

[小白反编译教程,让你成为小神] 收集此教程一起来把学习吧没有永远的小白只有懒惰的小白 会简单的美化(换图标)才看此篇喔.简单指:懂权限是多少(3-1-0)状态栏是什么(SystemUi.apk)框架是什么(framework-res.apk)文件路线要知道在哪里!路线这里我就不说了.总结两个字:熟练! 这都是新手反编译必看教程,当初刚刚走进反编译的时候(当然我现在也不是很给力,无聊的时候玩玩美化)就没事的时候就看这些新手教程,看多了,实践多了就会了.不要看了英文多,嫌麻烦!那么不欢迎你看此教程

苹果cms怎么上传本地视频资源

今天我们来简单分享下苹果cms怎么上传本地视频,采集资源站的资源我们已经熟知了,但是有的伙伴们想要上传自己制作或是录制的视频应该怎么操作呢?这个问题有多种方法,今天我们先简单的说2种方法. 一,上传到自己的服务器 ①第一种呢就是把视频上传到自己的服务器,格式最好是mp4格式.我这里用的是宝塔来举例,其他的呢大同小异,理解了逻辑其他都能操作.首先来到我们的宝塔面板我这里有2个测试站点 我们随便点开一个根目录上传即可. ②红框内就是我刚刚上传的视频文件,我直接上传到网站的跟目录,由此这个视频的链接就

无水印/高清屏幕录像/无噪声使用方法?

在录制过程中,可以添加自定义文字水印,保证视频的版权.录像主要录制来自于计算机视窗环境桌面操作.播放器视频内容(如:QQ视频.游戏视频.电脑视窗播放器等)的专用软件,主要用于视频图像的采集,教学操作视频的制作. 支持操作系统 widowns vista/ win7 / win10安装方法:百度搜索下载QVE屏幕录制方法/步骤1.第一步,打开软件,选择录制菜单,设置声音,视频格式,画质参数,一般用特定需求,建议使用默认的配置即可.如果过用户,需要通过麦克风录入声音,勾选去除噪声,保证录制视频的无环

在浏览器右键添加自定义菜单

在浏览器右键添加自定义菜单 Afly | 2006-11-8 其实就是类似当安装完 Flashget 后 Internet Explorer 的右键多了"使用网际快车下载"的选项一样,现在我们的需求是:当我们在图片右键时出现"复制图像地址"的选项. 其实很简单,先把下列代码存为 abc.reg 并导入: Windows Registry Editor Version 5.00 [HKEY_CURRENT_USER\Software\Microsoft\Interne

Ionic2文档整理

来自:Rainey's Blog 原文地址:http://rainey.space/2016/04/06/Ionic2_Chinese_Document/ Github:https://github.com/XueRainey/ionic2 ionic2文档整理 发表于 2016-04-06   | 本文档不是英文文档的完全翻译,是个人的阅读笔记.如果阅读后有不明白或者不懂,请移步英文版阅读.如果本文有错误,请在本页末尾留言或者提交Issues. 您可以点击小标题跳转到相应的ionic2英文文档

3、XCode: 如何添加自定义代码片段

我们经常会定义一些retain的property,而且大概每次我们都会像这样写: @property (nonatomic, retain) Type *name; 每次都要老老实实的把“@property (nonatomic, retain)”敲一遍,这样太累了. 那么能不能像XCode自带的代码提示功能一样,每次我们只需敲两三个键,代码提示就出来了,然后一下子就可以把我们这段代码输入进去?这样不是方便了许多吗? 别急,下面我就以这段代码为例,展示如何在XCode中添加自定义的代码片段. 用

[开源]C#二维码生成解析工具,可添加自定义Logo

二维码又称 QR Code,QR 全称 Quick Response,是一个近几年来移动设备上超流行的一种编码方式,它比传统的 Bar Code 条形码能存更多的信息,也能表示更多的数据类型:比如:字符,数字,中文等等.今天就来跟大家分享一下我的二维码生成解析工具,主要功能就是生成二维码,并且可以添加自定义的Logo.当然,网络上面生成二维码的工具多如牛毛,生成二维码早已不再新鲜.这个工具的一个亮点就是可以识别二维码,下面就来具体看看吧,不过首先要补充一点二维码的知识.  一.二维码基础知识 一