icon-fonts

Font Awesome menu icon has 1px offset

陌路散爱 提交于 2021-02-08 06:26:12
问题 I've been trying to solve this issue for a few hours, and I've searched for a good solution without much luck. It's driving me bonkers, fiddling with the padding and line-height. Vertical aligning it isn't doing anything (it was suggested in another thread here). Basically I'm trying to create a responsive nav menu that, when the icon is tapped or clicked, will push down the page when the menu is revealed. I'm using a mobile-first strategy without using a framework (the site is simple so I

Correct font-display value for icon fonts

假如想象 提交于 2020-06-12 04:49:28
问题 font-display is a new CSS property that allows developers to control how fonts are rendered depending on if they load quickly enough. There's been a few articles on it: Controlling Font Performance with font-display - Google Developers font-display for the Masses None of them mention icon fonts. The specification does have an example that mentions icon fonts for the block value, but to me it doesn't make sense to use that: 'block' Gives the font face a short block period (3s is recommended in

Correct font-display value for icon fonts

我是研究僧i 提交于 2020-06-12 04:48:33
问题 font-display is a new CSS property that allows developers to control how fonts are rendered depending on if they load quickly enough. There's been a few articles on it: Controlling Font Performance with font-display - Google Developers font-display for the Masses None of them mention icon fonts. The specification does have an example that mentions icon fonts for the block value, but to me it doesn't make sense to use that: 'block' Gives the font face a short block period (3s is recommended in

Use font awesome 5 on angular material 7

和自甴很熟 提交于 2020-04-08 01:53:03
问题 I'm using angular 7.0.1 and angular material 7.0.2, I want to add the font awesome 5.4.2 icons and I'm trying to follow the steps on fontawesome web but I can't get the font awesome icon font. first: npm install --save-dev @fortawesome/fontawesome-free then in styles.scss add: @import '~@fortawesome/fontawesome-free/scss/fontawesome.scss'; and in _variables.scss add: $fa-font-path: '~@fortawesome/fontawesome-free/webfonts'; now in app.component.ts add: import { MatIconRegistry } from "

Use font awesome 5 on angular material 7

纵饮孤独 提交于 2020-04-08 01:51:47
问题 I'm using angular 7.0.1 and angular material 7.0.2, I want to add the font awesome 5.4.2 icons and I'm trying to follow the steps on fontawesome web but I can't get the font awesome icon font. first: npm install --save-dev @fortawesome/fontawesome-free then in styles.scss add: @import '~@fortawesome/fontawesome-free/scss/fontawesome.scss'; and in _variables.scss add: $fa-font-path: '~@fortawesome/fontawesome-free/webfonts'; now in app.component.ts add: import { MatIconRegistry } from "

Use font awesome 5 on angular material 7

邮差的信 提交于 2020-04-08 01:51:18
问题 I'm using angular 7.0.1 and angular material 7.0.2, I want to add the font awesome 5.4.2 icons and I'm trying to follow the steps on fontawesome web but I can't get the font awesome icon font. first: npm install --save-dev @fortawesome/fontawesome-free then in styles.scss add: @import '~@fortawesome/fontawesome-free/scss/fontawesome.scss'; and in _variables.scss add: $fa-font-path: '~@fortawesome/fontawesome-free/webfonts'; now in app.component.ts add: import { MatIconRegistry } from "

Use font awesome 5 on angular material 7

五迷三道 提交于 2020-04-08 01:49:01
问题 I'm using angular 7.0.1 and angular material 7.0.2, I want to add the font awesome 5.4.2 icons and I'm trying to follow the steps on fontawesome web but I can't get the font awesome icon font. first: npm install --save-dev @fortawesome/fontawesome-free then in styles.scss add: @import '~@fortawesome/fontawesome-free/scss/fontawesome.scss'; and in _variables.scss add: $fa-font-path: '~@fortawesome/fontawesome-free/webfonts'; now in app.component.ts add: import { MatIconRegistry } from "

Tools to create an Icon Font [closed]

一世执手 提交于 2020-01-31 03:29:08
问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 5 years ago . I'd like to create an icon font for use in a web application. fontAwesome, Iconic, fontomas are examples of what I'd like to do but I need to use custom icons. I'm not sure where to start. Any help is appreciated. 回答1: Inkscape is a great free application for creating graphics with vectors (what modern fonts are

Icon font are rendered as squares on subsequent visits in Safari (iOS and OSX)

坚强是说给别人听的谎言 提交于 2019-12-30 10:45:48
问题 We're experiencing a weird problem with font icons. First couple of visit they load beautifully, but after a period of idle (usually around 24 hours) on subsequent visits they are replaced by squares. In Chrome, Firefox and even IE it works without problems. When the problem is there I can see the CSS with the embedded font in the inspector but the font does not render. The CSS is cached and it feels like the font is evicted from the cache but never loaded again. We have tried different ways

Icon font are rendered as squares on subsequent visits in Safari (iOS and OSX)

自古美人都是妖i 提交于 2019-12-30 10:45:33
问题 We're experiencing a weird problem with font icons. First couple of visit they load beautifully, but after a period of idle (usually around 24 hours) on subsequent visits they are replaced by squares. In Chrome, Firefox and even IE it works without problems. When the problem is there I can see the CSS with the embedded font in the inspector but the font does not render. The CSS is cached and it feels like the font is evicted from the cache but never loaded again. We have tried different ways