woff

Browser does not render WOFF fonts (@font-face)

為{幸葍}努か 提交于 2021-02-18 07:43:08
问题 Ok, I have an issue that I cannot figure out, I am trying to research usage of WOFF fonts in Internet Explorer 10. I downloaded kit from fontsquirrel, and based on the included CSS and HTML files I added fonts to web application. (ASP.NET MVC on IIS 7) Now TTF fonts work perfectly fine in Firefox and Chrome (IE does not support it), however WOFF fonts do not seem to be working at all (they are supposed to be supported by all newer browsers). If I remove TTF section from below - Firefox and

Combine multiple .woff files into one

这一生的挚爱 提交于 2020-01-01 09:25:28
问题 On a website I manage we have several .woff files, one for each font. In the interest to save loading time I want to reduce the number of requests made. Is it possible to combine these woff files into one resource? 回答1: You can bundle the woff assets into your CSS with base64. Inside your @font-face declaration: url('data:application/x-font-woff;base64,myVeryLongBase64StringGoesHere...'); This may increase the asset's file size. In my experience this is usually by around 20% - roughly the

认识 Iconfont 以及什么是 .eot、.woff、.ttf、.svg

懵懂的女人 提交于 2019-12-21 11:47:09
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 在看别人 github 项目的时候,看到了 iconfont,百度了一下是阿里的图标库,这个很容易理解,但是自己操作一遍之后发现下载下来的目录还包含了 .eot、.woff 等文件,对于这些新东西感到有些陌生,在经过一番查找之后有所得,整理思路,记录于此。 一、Iconfont 1. 概述 在前端作业中,二十年前只有页面中铺满文字就算上线产品,现如今,不加点俏皮的“图标”会让页面显得很 Low 很 Low。 在写这篇文章之前,我一直以为上图中的“图标”是一个个的图片组成,但学习总是给人新知,现在我知道了它们只是一种字体,类似于“宋体”、“楷体”这种。如果我们要使用它们,也只需要在 css 文件中使用 @font-face 引入这种字体即可。@font-face 是 css3 的一个语法,刚兴趣的可以自行阅读 @font-face 用法 。 2. Iconfont 介绍 Iconfont 是阿里提供了一个图标库,你可以想象成是一个售卖图标的超市,挑选你需要的图标放入购物车,然后 Iconfont 会为你打包你购物车里的图标,自动生成一种新的字体,你可以选择下载到本地,在你的项目中引入这种字体,这样即便没有网络的情况也可以使用图标。 这种模式的一大优点就是只挑选出需要的图标

Bootstrap glyphicons (fonts/****.woff) not loading

自古美人都是妖i 提交于 2019-12-11 07:33:42
问题 I am an error getting that looks like this in my Google chrome(56.0.2924.87) console while trying to use bootstrap glyphicons Even though i have my .woff files and .ttf files located in my "public/css/fonts" folder. Addtional Information I am using Wampserver with apache(2.4.23) I installed bootstrap.css with "npm install bootstrap" This is what my font-face looks like @font-face { font-family: 'Glyphicons Halflings'; font-style: italic; src: url('/public/css/fonts/glyphicons-halflings

finding all other formats for a Google font beside “woff2”

不羁的心 提交于 2019-12-10 18:17:59
问题 In a previous question of mine it was pointed out to me that " woff2 " format doesn't work on Microsoft Edge . So I have to use an alternative syntax of @font-face if I want my website to look good in Microsoft Edge. Original CSS @font-face{font-family:'Dosis';font-style:normal;font-weight:200;src:local('Dosis ExtraLight'), local('Dosis-ExtraLight'), url(http://fonts.gstatic.com/s/dosis/v4/RPKDmaFi75RJkvjWaDDb0vesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');} @font-face{font-family:'Dosis';font

Android RunTime exception “Font asset not found” for .woff font files in android nougat

China☆狼群 提交于 2019-12-10 10:55:57
问题 I am developing one application, where I need to use .woff fonts. I have written the following code to get font type face from .woff file and set into textview. hellofont = getFont("fonts/AvenirLTStd-Black.woff"); //welcomefont = getFont ( "fonts/AvenirLTStd-Heavy.woff"); thankufont = getFont("fonts/RobotoCondensed-Bold.ttf"); TextView text1 = (TextView) findViewById(R.id.text1id); text1.setTypeface(hellofont); TextView text2 = (TextView) findViewById(R.id.text2id); text2.setTypeface

Rails 3 web font (woff) mime type

馋奶兔 提交于 2019-12-09 17:35:20
问题 We serve some web fonts (.woff) from our static assets and I would like to set the correct mime type ( application/x-font-woff ). I tried to do this in config/initializers/mime_types.rb but it had no effect: Mime::Type.register "application/x-font-woff", :woff The returned mime type still stayed application/octet-stream . I even tried to add this line (because it was the only other place in the rails source where I could find the string "woff" ): Rack::Mime::MIME_TYPES[".woff"] = "application

Android RunTime exception “Font asset not found” for .woff font files in android nougat

♀尐吖头ヾ 提交于 2019-12-06 09:25:33
I am developing one application, where I need to use .woff fonts. I have written the following code to get font type face from .woff file and set into textview. hellofont = getFont("fonts/AvenirLTStd-Black.woff"); //welcomefont = getFont ( "fonts/AvenirLTStd-Heavy.woff"); thankufont = getFont("fonts/RobotoCondensed-Bold.ttf"); TextView text1 = (TextView) findViewById(R.id.text1id); text1.setTypeface(hellofont); TextView text2 = (TextView) findViewById(R.id.text2id); text2.setTypeface(thankufont); public Typeface getFont( String fontName){ try { Typeface content = Typeface.createFromAsset(this

Rails 3 web font (woff) mime type

ε祈祈猫儿з 提交于 2019-12-04 05:45:27
We serve some web fonts (.woff) from our static assets and I would like to set the correct mime type ( application/x-font-woff ). I tried to do this in config/initializers/mime_types.rb but it had no effect: Mime::Type.register "application/x-font-woff", :woff The returned mime type still stayed application/octet-stream . I even tried to add this line (because it was the only other place in the rails source where I could find the string "woff" ): Rack::Mime::MIME_TYPES[".woff"] = "application/x-font-woff" But it still didn't help. How do I properly set the mime type for web fonts? Until Rack