精华内容
下载资源
问答
  • Android WebView 网页使用本地字体

    千次阅读 2019-10-29 15:42:50
    要求在网页里面调用android appassets目录下的某个字体文件。 网页加载通常有两种方式: 1、loadDataWithBaseURL 2、loadUrl 一、loadDataWithBaseURL 网页中直接使用file://指定assets文件路径即可 示例: font...

    要求在网页里面调用android app中assets目录下的某个字体文件。

    网页加载通常有两种方式:
    1、loadDataWithBaseURL
    2、loadUrl

    一、loadDataWithBaseURL

    网页中直接使用file://指定assets文件路径即可

    示例:

    font-family: url('file:///android_asset/xxx.TTF')
    

    二、loadUrl

    这种情况网页中不能直接使用file://来指定文件路径,否则会如下错误。

    "Not allowed to load local resource: file:///android_asset/fonts/xxx.TTF"
    

    正确做法:必须通过WebView来拦截。

    1、在网页中指定字体

    font-family: url('/android_asset_font/xxx.TTF')
    

    2、重写WebViewClient 的shouldInterceptRequest方法

    		String INJECTION_TOKEN = "/android_asset_font/";
    
    		@Override
    		public WebResourceResponse shouldInterceptRequest(WebView webView, String url) {
    			if (url != null && url.contains(INJECTION_TOKEN)) {
    				try {
    					String assetPath = url.substring(url.indexOf(INJECTION_TOKEN) + INJECTION_TOKEN.length(), url.length());
    					return new WebResourceResponse(
    							"application/octet-stream",
    							"UTF8", getContext().getAssets().open(assetPath)
    					);
    				} catch (Exception e) {
    					e.printStackTrace();
    				}
    			}
    			return super.shouldInterceptRequest(webView, url);
    		}
    

    参考:
    https://stackoverflow.com/questions/19997146/kitkat-kills-not-allowed-to-load-local-resource-file-android-asset-webkit-a/20992306#20992306

    展开全文
  • Android WebView使用本地字体

    千次阅读 2017-11-20 16:18:10
    Android WebView使用本地字体要点 1.修改Html Style,Body标签内容,引用本地字体。 2.将字体放到 assets 文件夹。<style> @font-face { font-family: myFont; src: url('file:///android_asset/fonts/myFont....

    Android WebView使用本地字体

    要点
    1.修改Html Style,Body标签内容,引用本地字体。
    2.将字体放到 assets 文件夹中。

    <style>
    
            @font-face {
                font-family: myFont;
                src: url('file:///android_asset/fonts/myFont.ttf');
            }
        </style>
    <body style=font-family:'myFont';></body>

    完整测试网页:

    <html>
    <head>
        <meta charset="utf-8">
        <style>
            @font-face {
                font-family: 'myFont';
                src: url('file:///android_asset/fonts/myFont.ttf');
            }
        </style>
    </head>
    
    <body style=font-family:'myFont';>
        本地字体显示效果
    </body>
    </html>

    说明:

    src: url('file:///android_asset/fonts/myFont.ttf');

    经过测试,字体只有放到 assets 文件夹中才可以生效。

    这里用的路径就是 android 应用程序中 assets 文件夹中的路径(我这里测试在assets中新建了一个 fonts文件夹,字体放到了 fonts 中)。如果是使用 unity3d 开发程序的话,可以把字体直接放到 StreamingAssets 文件夹中,StreamingAssets 文件夹就对应 android 的 assets 文件夹。

    测试使用的是加载本地网页,线上网页还未作测试。

    展开全文
  • 网页中如何使用特殊字体, 1. 工具下载地址:http://code.google.com/p/ttf2eot/downloads/detail?name=ttf2eot-0.0.2-2.zip&can=2&q= 2. 将工具解压放到本地根目录。TTF字体文件与本工具放到同一目录下。...
  • 网页中使用嵌入字体

    千次阅读 2008-09-12 11:21:00
    出处: http://dknt.blueidea.com/archives/2006/2833.shtml...网页设计者无法预知浏览者的计算体安装了什么字体,也就是说不可能了解设计需要字体在浏览者的计算机是否存在。若不存在,则该字体涉及的内容不能在浏
     
    出处: http://dknt.blueidea.com/archives/2006/2833.shtml
    

     

    网页的呈现根据个体计算机的不同而不同,最显著的一点就在于对字体表达上面。不同的计算机采用不同的操作系统,浏览器,并且安装了不同的字体。网页设计者无法预知浏览者的计算体安装了什么字体,也就是说不可能了解设计中需要字体在浏览者的计算机中是否存在。若不存在,则该字体涉及的内容不能在浏览者的计算机上正确呈现。

    解决字体呈现的问题常见的有以下几种办法

    • 使用图片,直接在一个可能应用到某个特殊字体的地方,使用含有最终效果的图片来代替。该方法的优点是实现简单,效果稳定。缺点是对动态内容的适应性极差,不易更改,不能逆转。这是用得最多的一种办法,因为特殊字体大多用在一些装饰性的标题字上面,这些装饰性文字大多都是静止的。
    • 使用Flash,也就是利用Flash内建的嵌入字体机制来辅助实现。该方法大多和复杂的应用结合,单独表达一个字体略显大材小用了。这种方法不如刚才提到的方法简单,但是有很强的对变化内容的适应性。
    • 使用网页嵌入字体(Web Embed Font),这是本文将要介绍的方法。这种方法最为自然。实现起来,仅在第一次时略显麻烦,但是对于一个不熟悉FLASH的网页设计师来说,也还是比第二种简单许多。第一次使用之后,再次应用的代价甚至比第一种方法还小。 

    必须要提醒的是,嵌入字体的方法只能在 Microsoft Internet Explorer 浏览器上才可以实现。对于其他浏览器的解决方案,请另行参看其它文章。

    使用嵌入字体,必须借助一个软件 —— "Microsoft WEFT",这是一个将其他字体转换为OpenType类型字体的工具。你可以从 http://www.microsoft.com/typography/WEFT.mspx 下载到这个软件。

    在网页中嵌入的字体只能是 OpenType 类型,其他类型的字体只有转换成 OpenType 类型的字体才能在网页中进行嵌入。因此,第一次使用嵌入式字体比较麻烦的地方就是要将其转换成一个 OpenType 类型的字体。

    OpenType类型的字体是带有版权的,它规定了在什么样的网页中可以使用该字体(由URL进行限制),规定之外的网页即使使用该字体,也没有任何效果。这种版权体现了网页设计者的权力。此外,该类型的字体也是不可再次编辑的。这样两方面都限制了浏览者将该字体下载下来为自己所用。可见,OpenType字体方案是一个很尊重设计者版权的方案。

    OpenType字体不要求完备的字符集,它可以只包含某个字符集中的一部分文字的字体,这样可以根据应用需要最大可能的减少字体文件大小。

    现在我们来试着建立一个OpenType字体。

    启动WEFT后,你将看到欢迎界面。紧接着会出现一个向导。向导的大概意思是分析一个页面,找出所应用的特殊字体,然后形成一个OpenType字体文件。然而在很多时候,我们并没有页面可以进行分析,或者页面上的文字是动态生成的(这本来就是我们使用嵌入字体的原因),向导不能捕获这些动态内容,因此向导在这时是没有用的。我们可以取消这个向导,以手动方式生成所需的 OpenType 文件。

    首先,打开菜单 "Tools" - "Expert Create Font...",在弹出的对话框中使用 Add 按钮从字体库中选择欲嵌入的字体。这时大致会呈现下图所示的情况。


    字体的Info字段可能有多种形式,标记为 'no embeding' font 的字体是不可以被嵌入的字体(此时的字体前的图标是一个小红叉),说明你拿到了一个有版权保护的字体。遇到这种情况,请向你的字体提供者索要一个可以被嵌入的字体版本。如果索要有困难,在不得已的情况下,请参考这篇文章:http://www.derwok.de/downloads/ttfpatch/.请注意,如果你这样做了,在大多数国家里,你的行为将是违法犯罪行为。

    若你对字体文件本身进行了修改,则需要重建或更新字体库,方法是执行菜单命令"Tools - Update Font DB..." 或者 "Tools - RecreateFont DB..."

    点选一个字体后,还可以点击 Subset 按钮以决定要嵌入字符集中的哪些字符。黑色的是选中将要被嵌入的,灰色的不会被嵌入。如下图所示:


    除此之外,必须在Bind文本框中输入要绑定的URL,多个URL之间用;隔开。URL必须包含且仅包含协议和网络地址。注意,只有这些绑定的URL才能应用该OpenType字体。

    在Location中,协议选择 file, 点"..."按钮,选择一个位置存放将要生成OpenType文件的地方。

    最后,点击"Create",则可以生成相应的OpenType文件。

    如果你勾选过 Create CSS with Relative URLs ,则会弹出一个 CSS 示范代码。

    <STYLE TYPE="text/css">
    <!-- /* $WEFT -- Created by: Christian An (anchangsi@gmail.com) on 2006-8-20 -- */
    @font-face {
    font-family: Zabdiel;
    font-style: normal;
    font-weight: normal;
    src: url(file:///J:/website/BLOG@BLUEIDEA/ZABDIEL0.eot);
    }
    -->
    </STYLE>

    这段代码要放到网页中相应的位置,如何组织可自行决定。

    其中 font-family: Zabdiel; 中的 Zabdiel 是字体名字,你可以任意设定。

    src: url(THEURL); 不要忘了上传OpenType文件之后,将 THEURL 作相应改动。

    然后你便可以在网页中使用,<span style="font-family:'Zabdiel'">Text</span> 的形式使用这个字体了。当然,这个网页必须在之前绑定域下才可以有效。

    如果你对那个向导耿耿于怀,请看:www.pconline.com.cn/pcedu/sj/wz/other/10205/60515.html

    要获得关于嵌入式字体最权威的信息,请看:About Font Embedding (From MSDN)



    --------------------

    @font-face版本:CSS2  兼容性:IE4+
    ------------------------------------------------------
    语法:
    @font-face { font-family : name ; src : url ( url ) ; sRules }
    ------------------------------------------------------------
    取值:
    name : 字体名称。任何可能的 font-family 属性的值
    url ( url ) : 使用绝对或相对 url 地址指定OpenType字体文件
    sRules : 样式表定义
    -----------------------------------------------------
    说明:
    设置嵌入HTML文档的字体。此规则无默认值。
    此规则使你能够在网页上使用客户端本地系统上可能没有的字体。 url 地址必须指向 OpenType 字体文件(.eot或.ote)。此文件包含可以转换为 TrueType 字体的压缩字体数据,可以用来提供HTML文档使用该字体,或取代客户端系统已有的同名字体。此文件可以使用 Microsoft WEFT 工具制作。
    --------------------------------------------------------
    示例:
    @font-face {
    font-family:comic;
    src:url(http://valid_url/some_font_file.eot);
    }

    @font-face {
    font-family: dreamy;
    font-weight: bold;
    src: url(http://www.example.com/font.eot);


    --------------------

    解决字体老大难—在对方浏览器显示新的字体
    http://www.chineseliterature.com.cn/diannao/books/software/design/web/other/034.htm


    -----------

    偶在该站下载了三百多个字体!
    http://www.dafont.com/top.php

    英文字体栏目共有资源1006张
    http://www.deskcity.com/scatalog.asp?scatalog=87

    2500种英文字体下载(国外站)
    http://www.goodfont.net/showdown.asp?soft_id=377

    中文字体字体栏目共有资源200张
    http://www.deskcity.com/scatalog.asp?scatalog=88

    字我陶醉 ─ 超世紀書法字型(20種)
    http://coolfont.ayinfo.ha.cn/font/font_csj20.rar" target="_new">http://coolfont.ayinfo.ha.cn/font/font_csj20.rar

    文鼎酷字集共33種字型(130M ) http://coolfont.ayinfo.ha.cn/download.asp?downid=1&id=338" target="_new">http://coolfont.ayinfo.ha.cn/download.asp?downid=1&id=338
    文鼎習字體、香腸體、瀟灑體、花瓣體、霹靂體、妞妞體、荊棘體、竹子體、中特廣告體、細鋼筆行楷、中鋼筆行楷、粗鋼筆行楷、誰的字體、鬍子體、石頭體、行楷碑體、賤狗體、彈簧體、齒輪體、淹水體、火柴體、水管體、POP-4、雕刻體、圓立體、賤狗體繁、荊棘體繁、齒輪體繁、雕刻體繁。

    汉仪字体30款
    http://www.6266.net/k666/fontv/k666.com_88gg.com.rar

    金梅毛行書
    http://coolfont.ayinfo.ha.cn/font/TT1.zip" target="_new">http://coolfont.ayinfo.ha.cn/font/TT1.zip

    方正仿宋繁體
    http://coolfont.ayinfo.ha.cn/font/FZFSFW.zip" target="_new">http://coolfont.ayinfo.ha.cn/font/FZFSFW.zip

    方正黑體繁體
    http://coolfont.ayinfo.ha.cn/font/FZHTFW.zip" target="_new">http://coolfont.ayinfo.ha.cn/font/FZHTFW.zip

    金梅毛楷體
    http://coolfont.ayinfo.ha.cn/font/TT9.ZIP" target="_new">http://coolfont.ayinfo.ha.cn/font/TT9.ZIP

    金梅毛隸書
    http://coolfont.ayinfo.ha.cn/font/tt2.zip" target="_new">http://coolfont.ayinfo.ha.cn/font/tt2.zip

    漢儀行楷繁
    http://coolfont.ayinfo.ha.cn/font/f056.rar" target="_new">http://coolfont.ayinfo.ha.cn/font/f056.rar

    方正魏碑繁體
    http://coolfont.ayinfo.ha.cn/font/Fzwbfw.zip" target="_new">http://coolfont.ayinfo.ha.cn/font/Fzwbfw.zip

    方正彩雲繁體
    http://coolfont.ayinfo.ha.cn/font/FZCYFW.zip" target="_new">http://coolfont.ayinfo.ha.cn/font/FZCYFW.zip

    方正姚體繁體
    http://coolfont.ayinfo.ha.cn/font/FZYTFW.zip" target="_new">http://coolfont.ayinfo.ha.cn/font/FZYTFW.zip

    方正大標宋繁體
    http://coolfont.ayinfo.ha.cn/font/FZDBSFW.zip" target="_new">http://coolfont.ayinfo.ha.cn/font/FZDBSFW.zip

    方正粗黑繁體
    http://coolfont.ayinfo.ha.cn/font/FZH4FW.zip" target="_new">http://coolfont.ayinfo.ha.cn/font/FZH4FW.zip

    14款迷你書法字庫 http://coolfont.ayinfo.ha.cn/font/sfzk.rar" target="_new">http://coolfont.ayinfo.ha.cn/font/sfzk.rar
    壓縮到一塊共11.1M,之所以這麼小,因為各個字體去掉了一些不常用的字體和符號,所以字體變小,內有中國龍創藝字庫、少女體、簡趣味、繁智草、繁智楷、趙楷、王行、唐隸、歐行、陸行、柳楷、衡方碑、褚楷、曹隸共14款

    華康唐風隸體
    http://www.stmc.edu.hk/~991101/word2.zip

    華康勘亭流體
    http://www.stmc.edu.hk/~991101/word3.zip

    華康雅宋體
    http://www.stmc.edu.hk/~991101/word4.zip

    華康瘦金體
    http://www.stmc.edu.hk/~991101/word5.zip

    華康魏碑體
    http://www.stmc.edu.hk/~991101/word6.zip

    華康古印體
    http://www.stmc.edu.hk/~991101/word7.zip

    下載以下字體 http://www.prettyfairies.net/
    華康彩帶體 華康娃娃體 華康童童體 華康布丁體 華康墨字體 華康流葉體 華康海報體 華康少女

    四種新中文字體
    粗活意繁體
    http://coolfont.ayinfo.ha.cn/download.asp?id=414&downid=1" target="_new">http://coolfont.ayinfo.ha.cn/download.asp?id=414&downid=1

    粗活意簡體
    http://coolfont.ayinfo.ha.cn/download.asp?id=414&downid=2" target="_new">http://coolfont.ayinfo.ha.cn/download.asp?id=414&downid=2

    流行體繁體
    http://coolfont.ayinfo.ha.cn/download.asp?id=414&downid=3" target="_new">http://coolfont.ayinfo.ha.cn/download.asp?id=414&downid=3

    流行體簡體
    http://coolfont.ayinfo.ha.cn/download.asp?id=414&downid=4" target="_new">http://coolfont.ayinfo.ha.cn/download.asp?id=414&downid=4

    十一個中文字型下載
    http://www.ctc.edu.tw/m/font-ch/

    創意繁隸書體
    http://download.hzinfo.com/webfont/LISHUSF.zip

    創意繁琥珀體
    http://download.hzinfo.com/webfont/HUPOSF.zip

    漢鼎繁顏體
    http://download.hzinfo.com/webfont/HDZB_24.zip

    漢鼎繁舒體
    http://download.hzinfo.com/webfont/HDZB_10.zip

    漢儀篆書繁體
    http://download.hzinfo.com/webfont/MJ1GFM.zip

    櫻桃小丸子的字型
    http://myweb.hinet.net/home5/i0922475880/KK.zip

    超级字体庫,应有尽有
    http://www.goodfont.net/shownews.asp?news_id=26

    200多种字体(字体包)
    http://www.goodfont.net/showdown.asp?soft_id=373

    30多M的华康字体包
    http://www.goodfont.net/showdown.asp?soft_id=374

    可爱的美术字(繁体)
    http://www.goodfont.net/showdown.asp?soft_id=370

    一款漂亮的空心草体书法字
    http://www.goodfont.net/showdown.asp?soft_id=369

    金梅重黑浮体白字
    http://www.goodfont.net/showdown.asp?soft_id=365

    金梅古印浮体白字
    http://www.goodfont.net/showdown.asp?soft_id=364

    金梅超黑立体留影
    http://www.goodfont.net/showdown.asp?soft_id=363

    Luckymagic英文字符扩展包
    http://www.goodfont.net/showdown.asp?soft_id=362

    魏体字库、圆头体字库、创意设计前沿--字体设计、余秉楠-字体设计、字体设计
    http://www.goodfont.net/showart.asp?art_id=81&cat_id=7

    200多种字体选择下载
    http://www.k666.com/down-k666/list.php

    酷字千寻
    http://coolfont.ayinfo.ha.cn/ 

    展开全文
  • 网页使用自定义字体

    2017-05-16 17:24:02
    比如我想在网页中使用某个自定义的字体,首先要把这个字体下载到本地, 在页面中设置一下: @font-face { font-family:XiaoBiaoSong;//字体名字 src: url('__PUBLIC__/font/XBS_GBK.TTF');//ttf的路径 }需要修改...

    比如我想在网页中使用某个自定义的字体,首先要把这个字体下载到本地,

    在页面中设置一下:

    @font-face {
    	font-family:XiaoBiaoSong;//字体名字
    	src: url('__PUBLIC__/font/XBS_GBK.TTF');//ttf的路径
    }
    需要修改字体的地方设置font-family为XiaoBiaoSong即可。

    最终效果如下:



    展开全文
  • 网页使用中文字体的两种解决方案

    千次阅读 2015-10-18 23:21:54
    但是中文的字体文件相当大,仅字体文件本身就5-6M,所以需要采取点手段才敢在网站中使用。 目前了解到的方法有两种: 第一种:使用有字库 ,http://youziku.com/  只需要挑选字体,对于网站中没有的字体用户
  • WordPress插件使用WordPress管理区域本地版本替换默认的Google Open Sans字体URL。 屏幕截图 其他注意事项 由制作•自2006年以来设计网络。 是的,我们还运行该。 错误,技术提示或贡献 请给我反馈,贡献并提交...
  • 读取本地网页,读取文本字体样式,读取视频。 res/raw和assets的相同点: 1.两者目录下的文件在打包后会原封不动的保存在apk包中,不会被编译成二进制。 res/raw和assets的不同点: 1.res/raw的文件会被...
  • 网页开发使用字体的版权问题

    千次阅读 2016-07-31 18:38:00
    最近和美术讨论到关于网页字体版权问题,她说我可以不在页面设置字体,不用理会规范字体,说是会有版权问题。 开始我也没多想,直到做了第二个项目,美术要求用指定字体。于是便查了一下版权问题。 查找...
  • 前端网页中字体如何实现

    千次阅读 2017-12-15 15:23:43
    前端网页中字体如何实现
  • 使用 Google Fonts 为网页添加美观字体

    千次阅读 2015-06-12 11:51:17
    文字是网页中很重要的组成部分。为文字选择一个合适的字体,能够更好的展现一个网站的个性,表达所要传递的信息,同时吸引用户来产生兴趣。 说到字体,我们首先会想到 CSS 里面的 font,例如: &lt;html&...
  • @font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能...
  • 在项目用到的web字体现在有三种:Themify Icons、Glyphicons、FontAwnsome,用的时候发现还是有些体图标不存在或者不合适,然后用图片代替了。在空闲时间研究了下FontAwnsome,发现FontAwesome有.eot、.svg、.ttf...
  • 在写html时,有点时候需要显示一些特殊字体,不过这些特殊字体是系统一般不自带的,这时就需要我们自行加载要用的字体。方法如下: 1、首先在style里添加: @font-face { ...src:url后是本地字体资源.t
  • 在写html时,有点时候需要显示一些特殊字体,不过这些特殊字体是系统一般不自带的,这时就需要我们自行加载要用的字体。方法如下: 1、首先在公用的style里添加: ...src:url后是本地字体资源.ttf...
  • 在线字体又叫 web font 或网络字体,是 html5 及 CSS3 的一种超炫技术,主要是把自定义的特殊字体嵌入到网页中。免安装、免下载、直接在线使用。 由于设计的需要,网站难免会用到一些比较特殊的字体(如...
  • 前面我在《Python处理超强反爬(TSec防火墙+CSS图片背景偏移定位)》一文讲解如何解析css图片背景偏移的数据,并通过图像识别提取文字。 本文将带你解析各种形式自定义字体,绘制点阵图,并通过图像识别提取出关系...
  • uniapp 中使用不同字体

    千次阅读 2021-04-19 13:21:31
    H5网页 Android IOS uni.loadFontFace({ family: 'Bitstream Vera Serif Bold', source: 'url("https://sungd.github.io/Pacifico.ttf")', success() { console.log('success') } }) (官方)注意: 引入...
  • 天缘博客目前已支持雅黑字体显示,这样在Vista/Windows 7上会看起来更舒服点,问题虽小不过在测试时还是有些小的细节问题,这里总结一下,网页字体显示要求浏览者必须具有相应的本地字库,才会正常显示,否则将会...
  • 在设计布局网页时 经常想要用一些比较好看的字体,比如微软雅黑,这个字体在近年来在网页设计运用越来越平常, 然而所使用字体也只有自己能看到 到别的机子上 又恢复了原来的宋体神马的。 经过一位高手的提点,...
  • python-html-inliner 将网页下载到本地文件夹,随后生成一个内嵌样式、字体、脚本、图像、视频的 html 文件。 依赖关系 为了使用 python-html-inliner,您需要 、 和以下 python 包。 用 pip 安装它们。 用法 用法...
  • 要在网页使用本地字体,请将字体文件拖到放置区域。 加载字体后,可以自定义可变字体轴的值。 某些元素的目标字体更改 要定位页面上的特定元素,请切换“字体设置”选项卡下的元素按钮。 自定义基本页面设置 要...
  • 网页中嵌入任意web字体解决方案

    千次阅读 2016-12-19 09:41:33
    方案一: ...   方案二: ...文字转svg path,在html中使用svg标签绘制文字   String fontPath="D:/IdeaProjects/text2svg/fonts/站酷酷黑.TTF"; String text="我们"; try...
  • Google服务在大陆的崩溃情况使得大量的独立网站字体无法加载,大大影响到了国内相关网站的网页响应速度,本文将给出具体解决方案。

空空如也

空空如也

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

网页中使用本地字体