font-face

@font-face not working in polymer/web-components

由 非 Y 不嫁゛ 提交于 2020-04-16 07:53:41
问题 I'm trying to get a web font into my polymer component, however the font is failing to render. Could someone shed some light on this? Google hasn't been giving me much love on this issue. If you need any more info then just let me know. Thanks! @font-face { font-family: 'open_sansextrabold'; src: url('fonts/OpenSans-ExtraBold-webfont.eot'); src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), url(

@font-face not working in polymer/web-components

由 假装没事ソ 提交于 2020-04-16 07:47:34
问题 I'm trying to get a web font into my polymer component, however the font is failing to render. Could someone shed some light on this? Google hasn't been giving me much love on this issue. If you need any more info then just let me know. Thanks! @font-face { font-family: 'open_sansextrabold'; src: url('fonts/OpenSans-ExtraBold-webfont.eot'); src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), url(

@font-face not working in polymer/web-components

由 爷，独闯天下 提交于 2020-04-16 07:45:52
问题 I'm trying to get a web font into my polymer component, however the font is failing to render. Could someone shed some light on this? Google hasn't been giving me much love on this issue. If you need any more info then just let me know. Thanks! @font-face { font-family: 'open_sansextrabold'; src: url('fonts/OpenSans-ExtraBold-webfont.eot'); src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), url(

CSS3 @Font-Face

由 假装没事ソ 提交于 2020-02-29 02:11:52
@font-face 是 CSS3 中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着 @font-face 模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家 @font-face 这个功能早在IE4就支持了你肯定会感到惊讶。我的Blog就使用了许多这样的自定义Web字体，比如说首页的Logo，Tags以及页面中的手写英文体，很多朋友问我如何使用，能让自己的页面也支持这样的自定义字体，一句话这些都是 @font-face 实现的，为了能让更多的朋友知道如何使用他，今天我主要把自己的一点学习过程贴上来和大家分享。 首先我们一起来看看@font-face的语法规则： @font-face { font-family: <YourWebFontName>; src: <source> [<format>][,<source> [<format>]]*; [font-weight: <weight>]; [font-style: <style>]; } 取值说明 1、YourWebFontName:此值指的就是你自定义的字体名称，最好是使用你下载的默认字体，他将被引用到你的Web元素中的font-family。如“font-family:"YourWebFontName";” 2

css @font-face doesn't work [duplicate]

由 ぃ、小莉子 提交于 2020-02-08 07:45:48
问题 This question already has answers here : @font-face fonts not working (2 answers) Closed 5 years ago . I need to set a font family in my web page with thte @font-face, but I can't make it work propertly: This is the content of my css file @font-face { font-family: knockout; src: url('../fonts/knockoutHTF27.ttf'); } body { font-width: normal; font-size: 20px; font-family: knockout !important; color: #223041; text-align: center; } I've tried the same code in two diferent computers and it works

css @font-face doesn't work [duplicate]

由 假装没事ソ 提交于 2020-02-08 07:45:09
问题 This question already has answers here : @font-face fonts not working (2 answers) Closed 5 years ago . I need to set a font family in my web page with thte @font-face, but I can't make it work propertly: This is the content of my css file @font-face { font-family: knockout; src: url('../fonts/knockoutHTF27.ttf'); } body { font-width: normal; font-size: 20px; font-family: knockout !important; color: #223041; text-align: center; } I've tried the same code in two diferent computers and it works

@font-face import not working in offline website/different host using online fonts via CSS in IE only

由 情到浓时终转凉″ 提交于 2020-02-08 03:10:57
问题 IE is very strange. I've had a look at MIME types, added a .htaccess file with <FilesMatch "\.(ttf|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch> AddType application/vnd.ms-fontobject .eot AddType application/octet-stream .otf .ttf And the IE9 developer tools seem to have noticed that is in place but again no change. The website is currently offline (just viewed on the hard drive) - authough when it's uploaded to a different

Webpack @font-face relative path issue

由 可紊 提交于 2020-02-02 06:30:55
问题 I have an issue with loading the fonts using a relative path in an angular2 application. In app.ts I have these two imports import '../../../public/css/fonts.less'; import '../../../public/css/main.less'; Inside the fonts.less I have this @font-face declaration: @font-face { font-family: 'Montserrat'; src: url('/public/fonts/Montserrat/Montserrat-Regular.eot'); /* IE9 Compat Modes */ src: url('/public/fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

Webpack @font-face relative path issue

由 此生再无相见时 提交于 2020-02-02 06:30:46
问题 I have an issue with loading the fonts using a relative path in an angular2 application. In app.ts I have these two imports import '../../../public/css/fonts.less'; import '../../../public/css/main.less'; Inside the fonts.less I have this @font-face declaration: @font-face { font-family: 'Montserrat'; src: url('/public/fonts/Montserrat/Montserrat-Regular.eot'); /* IE9 Compat Modes */ src: url('/public/fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

Heroku and @font-face - embedded fonts wont display on Heroku

由 ﹥＞﹥吖頭↗ 提交于 2020-01-31 13:28:58
问题 I have a few licensed fonts that I have embedded into my Rails app using the CSS @font-face tag. These fonts are located in the "../Public/Fonts/" path in my Rails 3 app and render perfectly on any local machine that I pull down the repo and run on. However when I push my app to Heroku it can't seem to find the fonts. You can tell that it's looking in the font directory but can never access them. It doesn't seem to matter where I place the fonts or how I type the font path in the @font-face
订阅 font-face