精华内容
下载资源
问答
  • 自定义字体

    2021-02-27 22:32:34
    首先下载自定义字体的文件如图: 然后在CSS中引入字体并给外部字体自定义一个名称并且把文件引入进去如: @font-face{ font-family: 'icomoon'; /*font-family 字体名称,字体类型*/ src: url('../fonts/icomoon....
    通过css文件引入自定义字体,用来完成HTML需要的图标和字体。
    解决在html显示”□“的问题。
    

    首先下载自定义字体的文件如图:
    在这里插入图片描述
    然后在CSS给外部字体自定义一个名称并且把文件引入进去如:

    @font-face{
        font-family: 'icomoon';   /*font-family  字体名称,字体类型*/
        src: url('../fonts/icomoon.eot?axvffw');
        src: url('../fonts/icomoon.eot?axvffw#iefix') format('embeddad-opentype'),
            url('../fonts/icomoon.ttf?axvffw') format('truetype'),
            url('../fonts/icomoon.woff?axvffw') format('woff'),
            url('../fonts/icomoon.svg?axvffw#icomoon') format('svg');
            font-weight: normal;        /*font-weight:自定义字体的粗细 正常*/
            font-style: normal;         /*font-style:自定义字体的样式*/
    }
    

    再然后通过fontcreator_v13.0了解一些图标的编号 如图:
    在这里插入图片描述

    然后在HTML< i >标签里插入所需要的特殊图标和字体
    !!!注意再插入图标编码时前必须加上 ”&#x“

     <button>
         <i>&#xea03</i>  
     </button>
    

    就完成了。

    展开全文
  • 自定义字体/ Typekit字体添加到Kirki Kirki扩展,可将自定义字体添加到“版式”字段。 它适用于自定义字体或Typekit字体。 入门 将此功能添加到主题 /** * Add custom choice */ if ( ! function_exists ( '...
  • Android字体资源(注意字体版权)- ... &gt; 自定义字体 盘点Android使用自定义字体遇到的坑- https://blog.csdn.net/aiynmimi/article/details/52450853 android TextView自定义字体样式- https://blog...

    Android字体资源(注意字体版权)- https://download.csdn.net/download/shareus/10338397

    > 自定义字体
    盘点Android使用自定义字体遇到的坑- https://blog.csdn.net/aiynmimi/article/details/52450853
    android TextView自定义字体样式- https://blog.csdn.net/tyk9999tyk/article/details/52763868
    【Android】修改App字体的三种方法.md- https://blog.csdn.net/xiaohui_hubei/article/details/49562005
    Android自定义字体实践- https://www.jianshu.com/p/38f475fc07ad
    setting custom typeface for the whole app.- https://github.com/wangyeming/android-custom-typeface-demo
    Custom fonts in Android an OK way.- https://github.com/chrisjenx/Calligraphy
    Android各种字体,字体样式ttf- https://download.csdn.net/download/shareus/10338397
    Android studio中TextView改变字体的两种方式(如仿宋、隶书)- https://blog.csdn.net/lanrenxiaowen/article/details/54410079?locationNum=8&fps=1
    Android中样式style和主题Theme的使用总结- https://blog.csdn.net/wenzhi20102321/article/details/53932592

    > 文字效果,字体设置 
    可定制文字与下划线等宽- http://download.csdn.net/download/lmj623565791/8307513
     -- Android app全局字体设置- https://github.com/chrisjenx/Calligraphy
    修改App字体的三种方法.md-http://blog.csdn.net/xiaohui_hubei/article/details/49562005
     -- App字体大小设置的实现
    APP字体大小,不随系统的字体大小变化而变化的方法-http://blog.csdn.net/zhuqiang1002/article/details/38756127 
    修改android系统字体大小-http://blog.csdn.net/hxdanya/article/details/7590192
    Android APP字体大小,不随系统的字体大小变化而变化的方法- http://blog.csdn.net/sex_34/article/details/50838394


    > 自定义字体Typeface
    -- TextView设置自定义字体步骤:
     1.将下载好的字体库放入到 asset下面 DroidSans.ttf
     2. 获取字体Constants.fontFace = Typeface.createFromAsset(getAssets(), "fonts/DroidSans.ttf");
     3.给需要的控件设置字体:textview.setTypeface(Constants.fontFace);

    -- 设置特殊字体后对textview控件的影响:
     1.自定义字体与android:ellipsize属性冲突,某些手机会造成行之间文字重叠。
     2.用wrap_content时,textview设置自定义字体时view顶部和底部都会多出一部分留白的内间距。
     3.textview同时设置了maxLines时和自定义字体时,如果文字内容没有达到最大行数,view顶部和底部都会多出一部分留白的内间距;如果文字达到了最大行数,view只有顶部会多一部分留白的内间距。
     4.includeFontPadding="false"设置对留白效果有效,可以清理掉大部分设置自定义字体造成的view顶部和底部留白,但是不能全部清理,还会有一点间距。
     5.当textview高度写成固定数值时,内容过长一直换行超过高度,则会只有顶部空出部分留白间距,如果内容长度换行不够view高度,则上下都会有留白间距。

    展开全文
  • Android自定义字体

    2021-04-05 03:20:40
    作者norbsoft,源码android-typeface-helper,Android Typeface Helper自定义字体库,可以帮你轻松实现自定义字体的库,大家可以参考一下。
  • 字体也不是随便就能使用的,如果是有版权的字并且进行了大规模商用,很有可能面临着一大笔的赔偿金,所以公司会购买一些字体的使用权,所以在日常做项目时会经常使用到自定义字体引入的问题。我遇到的是Vue项目的...

    字体也不是随便就能使用的,如果是有版权的字并且进行了大规模商用,很有可能面临着一大笔的赔偿金,所以公司会购买一些字体的使用权,所以在日常做项目时会经常使用到自定义字体引入的问题。我遇到的是Vue项目的自定义字体的使用和tinymce富文本编辑器的自定义字体使用的问题。

    我这边买的是汉仪的字体,把ttf文件放到项目中,然后自定义font.css

     

    font.css代码    font-family是在以后的引用会用到的名称

    @font-face {  
      font-family: 'HYLiZhengEnXiaoKaiJ';
      src: url('HYLiZhengEnXiaoKaiJ.ttf');
    }

     

    在App.vue的style中引入

    <style>
      @import './components/font/font.css';
      
    </style>

     

    然后在需要用到字体的页面上使用该字体样式

    #fontTest{
        font-family:HYLiZhengEnXiaoKaiJ;
    }

     

    然后就能看到你引入的那个样式了。

     

    tinymce富文本编辑器中进行购买字体的自定义

    tinymce的默认字体是在node_modules的tinymce/themes/silver 下的theme.js和theme.min.js中,搜defaultFontsFormats就能看到。如果使用@tinymce/tinymce-vue的Editor未进行使用字体的定义,即font_formats参数的定义,则会默认启用defaultFontsFormats参数下的字体(这下面有一些也不可以商用的)。所以要进行font_formats的定义过滤那些收费的,修改font_formats修改富文本编辑器的字体选择列表,并加入自己购买的字体。

     

    因为theme.js和theme.min.js文件是在构建项目的时候加载进来的,手动篡改它肯定是不靠谱的。虽然font_formats加入了自己购买的字体,App.vue也配置过了自定义的字体,但有个问题是编辑的时候富文本编辑器上不能即时看到自定义的字体,只有在本机安装了的情况下才能即时看到,但是编辑完了在页面上可以看到。所以这就有个问题,就是编辑的那个人电脑上得装该字体,浏览的人不需要安装就可以正常访问看到该字体。

    展开全文
  • 因为app是使用的自定义字体,所以产品想让h5的字体跟app的字体一致,减少脱离感。而一般来说,app内的h5页面,都是显示系统的默认字体。要想使用自定义字体,一般的做法是在h5里面加上字体库,然后app端,在加载url...

    最近,做了个小需求。因为app是使用的自定义字体,所以产品想让h5的字体跟app的字体一致,减少脱离感。而一般来说,app内的h5页面,都是显示系统的默认字体。要想使用自定义字体,一般的做法是在h5里面加上字体库,然后app端,在加载url的时候,会去下载这些字体。但是字体包一个动辄3,4M,要是有多个字体库的话,不用想,体验会很糟糕。所以这种下载的方式不太可行。但它的好处就是,在所有的浏览器上都支持。

    指定font-family

    搜索一番,发现可以直接指定font-family为iOS字体库的名字。比如app引用的是圆体,打开LaunchPad-->其他-->字体册,搜圆体,PostScript名称就正是我们需要的。如图。

    1.png

    然后在html中,或者css。这里为了方便,直接将样式写在了html中了。

    .p1 {

    font-family: "STYuanti-SC-Regular";

    font-size: 30pt;

    color: red;

    }

    你好吗

    之后,在app里加载url,(o)/~,是不是变成圆体了。注意,这个前提是首先你得在app里加入圆体字体库,并添加到plist中。如下图。

    plist.png

    不过这种方式的缺点就是,只适用于iOS,因为字体库名是iOS内置字体库里面的。但是app都会有两端。所以此种方式,舍弃。

    另寻出路

    换个思路,既然字体库都已经在app内有了。可不可以直接借用呢?既省流量,又有好的体验。当然是可以的!!

    在html/css内,这样写。使用font-face,src为字体库名称。

    @font-face {

    font-family: 'Yuanti-SC-Regular';

    src: url('Yuanti-SC-Regular.ttf') format('truetype')

    }

    .p1 {

    font-family: "Yuanti-SC-Regular";

    font-size: 30pt;

    color: red;

    }

    用charles抓包发现,下载ttf的请求如下。

    3.png

    下载字体请求的url如下。

    http://172.19.144.94/testFont/Yuanti-SC-Bold.ttf

    跟使用本地图片的方式一样,可以用URLProtocol拦截请求,当检测到是ttf下载时,可以将本地的字体库读出来,直接将data返回。

    于是乎,自定义CustomURLProtocol: NSURLProtocol。在AppDelegate注册。

    [NSURLProtocol registerClass:[CustomURLProtocol class]];

    关键代码:

    - (void)startLoading

    {

    NSMutableURLRequest *mutableReqeust = [[self request] mutableCopy];

    [NSURLProtocol setProperty:@YES forKey:URLProtocolHandledKey inRequest:mutableReqeust];

    if ([[self.request.URL absoluteString] hasSuffix:@"ttf"]) {

    // fontName

    NSString *fontName = [[self.request.URL.absoluteString lastPathComponent] stringByDeletingPathExtension];

    NSString *path = [[NSBundle mainBundle] pathForResource:fontName ofType:@"ttf"];

    NSData *fontData = [NSData dataWithContentsOfFile:path];

    NSURLResponse *response = [[NSURLResponse alloc] init];

    [self.client URLProtocol:self didReceiveResponse:response cacheStoragePolicy:NSURLCacheStorageNotAllowed];

    [self.client URLProtocol:self didLoadData:fontData];

    [[self client] URLProtocolDidFinishLoading:self];

    }else{

    self.connection = [NSURLConnection connectionWithRequest:mutableReqeust delegate:self];

    }

    }

    限制:由于WKWebView不能使用urlprotocol,所以只能在UIWebView中使用。

    说明一下,demo中的web文件夹,即为测试的html和css,如要本地测试,可放到Nginx服务器上,然后修改下demo中的url,便可看到效果。

    展开全文
  • css自定义字体

    2016-08-13 17:20:04
    css自定义字体
  • android 自定义字体

    2016-06-18 23:57:54
    android 自定义字体
  • Android 自定义字体

    2015-10-26 11:31:30
    Android自定义字体,包括几款自定义时钟字体
  • Flutter自定义字体

    2019-09-12 16:04:42
    Flutter自定义字体自定义字体 自定义字体 在 项目根目录 下创建一个 fonts 文件夹,并放一个 .ttf 字体文件; 打开 项目根目录 下的工程配置文件 pubspec.yaml ; 修改工程配置文件,添加自定义字体配置。其中,...
  • Inkwell 使用自定义字体的字体库
  • 微信小程序中的canvas等原生组件不支持wx.loadFontface加载的字体,所以对于有自定义字体需求的海报图就得寻找其他解决方案了。因为之前做过服务端绘图的工作,我第一反应就是能不能服务端绘图,然后小程序下载直接...
  • 自定义字体的实现

    2016-07-12 22:23:42
    自定义字体实现

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,089
精华内容 5,235
关键字:

自定义字体