Angular – ui grid – fonts

Issue i installed “angular” and “angular-ui-grid” in my app and included nessesary files: angular.min.js ui-grid.min.js ui-grid.min.css The table display´s properly, but the arrows in the row head are displayed as “korean symbols”. Anybody knows how do deal with this? i

Continue reading

Chrome unused preload warning for an icon font that is used

Issue I have an icon font that I preload in Chrome with <link rel=”preload” as=”font” type=”font/ttf” href=”/static/media/IconFont.ad47b1fb.ttf” crossorigin=”anonymous”> and reference later in my CSS with @font-face { font-family: “IconFont”; src: url(/static/media/IconFont.d9fff078.eot); src: url(/static/media/IconFont.d9fff078.eot#iefix) format(“embedded-opentype”), url(/static/media/IconFont.ad47b1fb.ttf) format(“truetype”), url(/static/media/IconFont.c8a8e064.woff) format(“woff”), url(/static/media/IconFont.979fb19e.svg#IconFont) format(“svg”);

Continue reading

Php echo base_url failed to load css

Issue I want to load awesome.css in my php file. I have a code like this in my php : <link rel=”stylesheet” type=”text/css” href=”<?php echo base_url(‘resources/web2/lib/css/awesome.css’); ?>”/> But when I check the awesome.css file, there is a code which have

Continue reading

Font messes up alignment of numbers

Issue I’m using the Raleway font, but this font doesn’t align numbers properly with letters. You can see this in this snippet: h1 { font-family: Raleway; font-size: 2rem; border-bottom: 1px solid $text-color; border-top: 1px solid $text-color; padding: 2rem 0; }

Continue reading

How to insert bold quote symbols in HTML

Issue I wanted to insert this bold ❝❞ as you can see on https://fonts.google.com/specimen/Work+Sans?preview.text=%E2%9D%9D%E2%9D%9E%20: To do that, I quickly came up with this: * {font-family: ‘Work Sans’, sans-serif;} <link rel=”preconnect” href=”https://fonts.googleapis.com”> <link rel=”preconnect” href=”https://fonts.gstatic.com” crossorigin> <link href=”https://fonts.googleapis.com/css2?family=Work+Sans&display=swap” rel=”stylesheet”> <h1>❝ Something

Continue reading

How to change fonts in react-pdf

Issue I have a problem with changing fonts in react-pdf. // Register Font Font.register({ family: "Roboto", src: "https://cdnjs.cloudflare.com/ajax/libs/ink/3.1.10/fonts/Roboto/roboto-light-webfont.ttf" }); So by default with font register is given Roboto font, but I need a Public Sans font and nowhere I can

Continue reading

Dynamically Load fonts

Issue I need around 150 fonts for my project. Loading all the fonts initially increases the page load time. I tried googling but could not find an answer. Scenario: User will select a font option from <select> tag. and upon

Continue reading

Angular 8 can't change font

Issue I need to change the font of my app but I’m having a hard time doing it. I’ve added under assets/font the files for the font: Then in styles.scss: @include mat-core(); $WebClientTemplateJwtA8-primary: mat-palette($mat-indigo); $WebClientTemplateJwtA8-accent: mat-palette($mat-pink, A200, A100, A400); $WebClientTemplateJwtA8-warn:

Continue reading

font files doesn't render in angular2

Issue i add font files in assets/font folder and then i create bellow css file named fontiran.css @font-face { font-family: IRANSans; font-style: normal; font-weight: bold; src: url(‘.//iran.font/eot/IRANSansWeb(FaNum)_Bold.eot’); src: url(‘./iran.font/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix’) format(’embedded-opentype’), /* IE6-8 */ url(‘./iran.font/woff2/IRANSansWeb(FaNum)_Bold.woff2’) format(‘woff2’), /* FF39+,Chrome36+, Opera24+*/ url(‘./iran.font/woff/IRANSansWeb(FaNum)_Bold.woff’) format(‘woff’),

Continue reading

Why does Google Fonts add "rel=stylesheet" to its fonts?

Issue I was considering adding rel=preload to my <link> tag in order to preload my site’s main font, when I noticed that it already contained rel="stylesheet": <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@1,300&display=swap" rel="stylesheet"> To my understanding, the

Continue reading