I'm developing an Angular app, and I noticed that google fonts are loaded every time the page changes. It's not making a full page reload, it's an SPA, and I'm using angular routing. To load the fo...

UPDATE: I used @brclz suggestion, solving my problem like this: Copied the GitHub address of each font file of the family, Example: https://github.com/h-ibaldo/Raleway_Fixed_Numerals/blob/mas...

I want to defer font loading on my site inspired by deferred font loading logic for Smashing Magazine. Main part of this is converting fonts to base64 and preparing your CSS file. My steps so far:...

I'm trying to make sure that the .woff2 font file contains the same set of glyphs as one of my .ttf files. So, it would be really nice to view them somehow side by side, but I can not find any tool...

Google's Web Fonts API offers a way to define callback functions to be executed if a font has finished loading, or couldn't be loaded etc. Is there a way to achieve something similar using CSS3 web...

I created a fiddle trying to use Open Sans font with font-weight 300: HTML <span class="demo">example</span> CSS .demo { font-weight: 400 !important; font-family: 'Open Sans' !im...

For example I have Open Sans font installed in Windows, and also embeded from google fonts in my website. If I forgot implement google fonts, then I can anyway see font on my website because I have...

What is the preferred way of including Google Fonts on a page? Via the <link> tag <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="pre...

I need to design a simple logo with css and everything is fine except for the letter size. Requirement is to use verdana font but with wide characters as shown in the image. However, with current c...

My team has a woff2 font file, which we are not equipped to deal with. Does anyone know a pipeline for downgrading to a more common format?

For a progressive web app based on Material UI (React) and built with Webpack, how do I properly include Roboto font(s) so that the app does not depend on Google servers and fonts also work offline...

CSS has a @font-face rule which allows us to "use" custom fonts. Does JavaScript have this functionality? More specifically, is it possible to "use" custom fonts without using the CSS @font-face ...

what can I do in this case? I'm seeing this on my console when ran on the browser the AngularJS App: Slow network is detected. Fallback font will be used while loading: /bootstrap/dist/fonts/glyph...

Let's say I have a font face like: @font-face { font-family: 'MyGreatFont'; src: url(~"./font/greatfont.woff2") format('woff2'), url(~"./font/greatfont.woff") format('woff');...

I was wondering if it'd be possible to use Google fonts in my React Native project. I've been looking for some information but I didn't find anything. Is it possible? Thanks. P.D.: I know I can...

I've been experiencing a strange issue when using a custom font on a new webapp i'm working on. This custom font (FF DIN) Seem to have naturally vertical off-center line-height, which force me to ...

I'm developing a calculator app in HTML5 that needs to print some math symbols like the square root and pi, but the problem is that these symbols aren't defined in most webfonts, so they will appea...

I'm trying to self-host webfonts using my NextJS app and having trouble. This is the URL browser tries to access these fonts: localhost:3000/_next/static/css/fonts/Avenir.woff2 The actual path is:...

I'm developing a Google Chrome Extension which is injecting a stylesheet into a specific website I defined in manifest.json. In the stylesheet are webfonts included with @font-face and src: url("...

How can we use custom fonts in mailer especially gmail. I have searched a lot but haven't found anything useful but I saw one "uxpin" mailer using "proxima nova" font in my gmail account....will gr...

Hi I'm facing this problem in google pagespeed I almost get my site speed to 100 the only thing remaining is Ensure text remains visible during webfont load I'm already using font-display:swap; ...

I wanted to add a font with Google Fonts, and I have noticed an odd behavior. I want to add a font with only the latin subset, I do not want latin-ext, cyrillic or cyrillic-ext subset, in order to...

I’m experiencing an issue with Safari where a block of text using webfonts (not sure webfonts are the issue) is wrapping differently in Safari than it is in any other browser. In this particular in...

I'm having trouble vertically aligning a font-awesome icon with text within a button under the Bootstrap framework. I've tried so many things including setting the line-height, but nothing is worki...

I'm creating a WPF application and trying to match the style of the user interface to an existing web site. The site is using Lato as its default font, which is not available by default on Windows....