fonts

How to load font from @font-face with Parcel?

妖精的绣舞 提交于 2021-01-27 12:20:51
问题 I'm using Parcel for bundling and I want to include custom font to my project In my SCSS @font-face { font-family: "Storytella"; src: url("./fonts/Storytella.otf") format("otf"); } Then I'm using it somewhere like this font-family: 'Storytella', serif; package.json { "name": "pr", "version": "1.0.0", "description": "", "main": "index.js", "dependencies": { "normalize.css": "^8.0.1", "parcel-bundler": "^1.12.3" }, "devDependencies": { "node-sass": "^4.12.0", "parcel-plugin-static-files-copy":

bootstrap icon fonts not loading

自闭症网瘾萝莉.ら 提交于 2021-01-27 08:13:08
问题 I am designing a page using bootstrap v3.3.7 (latest version) The problem is glyphicons don't load from local resource but I have them from cdn! I get this error in console: downloadable font: download failed (font-family: "Glyphicons Halflings" style:normal weight:normal stretch:normal src index:1): status=2147746065 source: http://www/bahasoft/fonts/glyphicons-halflings-regular.woff2 and for other versions of fonts as well and below one: downloadable font: no supported format found (font

custom fonts, eot, not working

无人久伴 提交于 2021-01-27 06:51:54
问题 I cant get my custom fonts to work in IE7 and IE8: http://i-creative.dk/iJob/ It works fine in IE9, Firefox and Chrome... For Firefox and Chrome the fonts are in TTF And for IE, it's in EOT However, it only works in IE9 :( 回答1: Try this css formatting instead: @font-face { font-family: 'fontName'; src: url('/path/to/font.eot?') format('eot'), url('/path/to/font.otf') format('otf'), url('/path/to/font.ttf') format('truetype'); } This is what I use (sans the otf, woff & svg instead). and I have

Using @fontface fonts load italic

风格不统一 提交于 2021-01-27 05:49:22
问题 I have css like so: @font-face { font-family: 'alegreya'; src:url('fonts/AlegreyaBold.ttf'); font-weight:normal; font-style: normal; } @font-face { font-family: 'alegreya'; src:url('fonts/AlegreyaBoldItalic.ttf'); font-weight:normal; font-style: italic, oblique; } @font-face { font-family: 'alegreya'; src:url('fonts/AlegreyaBlack.ttf'); font-weight:bold; font-style: normal; } @font-face { font-family: 'alegreya'; src:url('fonts/AlegreyaBlackItalic.ttf'); font-weight:bold; font-style: italic,

Using @fontface fonts load italic

主宰稳场 提交于 2021-01-27 05:49:21
问题 I have css like so: @font-face { font-family: 'alegreya'; src:url('fonts/AlegreyaBold.ttf'); font-weight:normal; font-style: normal; } @font-face { font-family: 'alegreya'; src:url('fonts/AlegreyaBoldItalic.ttf'); font-weight:normal; font-style: italic, oblique; } @font-face { font-family: 'alegreya'; src:url('fonts/AlegreyaBlack.ttf'); font-weight:bold; font-style: normal; } @font-face { font-family: 'alegreya'; src:url('fonts/AlegreyaBlackItalic.ttf'); font-weight:bold; font-style: italic,

Using @fontface fonts load italic

佐手、 提交于 2021-01-27 05:49:08
问题 I have css like so: @font-face { font-family: 'alegreya'; src:url('fonts/AlegreyaBold.ttf'); font-weight:normal; font-style: normal; } @font-face { font-family: 'alegreya'; src:url('fonts/AlegreyaBoldItalic.ttf'); font-weight:normal; font-style: italic, oblique; } @font-face { font-family: 'alegreya'; src:url('fonts/AlegreyaBlack.ttf'); font-weight:bold; font-style: normal; } @font-face { font-family: 'alegreya'; src:url('fonts/AlegreyaBlackItalic.ttf'); font-weight:bold; font-style: italic,

Simulate kerning for a bitmapped font with Fabric JS

那年仲夏 提交于 2021-01-27 05:12:21
问题 I am trying to create an effect with Fabric JS where letters appear to be "embroidered" on a sweater like this: I can achieve this effect in Photoshop by using this action. My idea for getting it into a <canvas> is to render out a png from Photoshop of every embroidered letter. Then, I will take each letter and place it on the canvas based on what the user types. However this approach will not have correct kerning. To fix this, I was trying to write out text in Fabric using the same font and

Simulate kerning for a bitmapped font with Fabric JS

寵の児 提交于 2021-01-27 05:11:51
问题 I am trying to create an effect with Fabric JS where letters appear to be "embroidered" on a sweater like this: I can achieve this effect in Photoshop by using this action. My idea for getting it into a <canvas> is to render out a png from Photoshop of every embroidered letter. Then, I will take each letter and place it on the canvas based on what the user types. However this approach will not have correct kerning. To fix this, I was trying to write out text in Fabric using the same font and

Simulate kerning for a bitmapped font with Fabric JS

99封情书 提交于 2021-01-27 05:11:21
问题 I am trying to create an effect with Fabric JS where letters appear to be "embroidered" on a sweater like this: I can achieve this effect in Photoshop by using this action. My idea for getting it into a <canvas> is to render out a png from Photoshop of every embroidered letter. Then, I will take each letter and place it on the canvas based on what the user types. However this approach will not have correct kerning. To fix this, I was trying to write out text in Fabric using the same font and

Simulate kerning for a bitmapped font with Fabric JS

試著忘記壹切 提交于 2021-01-27 05:09:33
问题 I am trying to create an effect with Fabric JS where letters appear to be "embroidered" on a sweater like this: I can achieve this effect in Photoshop by using this action. My idea for getting it into a <canvas> is to render out a png from Photoshop of every embroidered letter. Then, I will take each letter and place it on the canvas based on what the user types. However this approach will not have correct kerning. To fix this, I was trying to write out text in Fabric using the same font and