font-face Questions

Html – How can I use a custom font in Scratch using CSS and @font-face?

How do I make a custom font from scratch? @font-face { font-family: JuneBug; src: url('https://raw.githubusercontent.com/grannygamer777/DerpFont/main/my%20derp%20handwriting.ttf'); } h1 { font-family: JuneBug } <textarea class="paint-editor_text-area_27Ci4" spellcheck="false" style="font-family: Arial, Helvetica, sans-serif; font-size: 40px; line-height: 1.2; display: initial; transform-origin: 0px 36px; transform: matrix(0.5, 0,…

VIEW QUESTION

How do you apply a custom font family to HTML placeholders, textboxes & buttons?

May 15, 2023
Kenny_Kodez
2 Answers

I want to use a custom font from my computer for placeholder and button. My @font-face. @font-face { font-family: customfont2; src: url(Font/otf/segment14.regular.otf); } I was doing a Dec/Bin/Hex converter <div id="decimal"> <input placeholder="Type Decimal Here"> <button>Convert Decimal</button> </div>

VIEW QUESTION

Can local fonts be added to WordPress Create-Block plugin?

May 14, 2023
Giannis Dallas
2 Answers

I am trying to complete the https://developer.wordpress.org/block-editor/handbook/tutorials/create-block/block-code/ tutorial. I did what they say but the font only works on the backend. I didn't add any wp-enqueues, just the code mentioned there. I tried with a second font - just in…

VIEW QUESTION

Can WordPress blogs add selectable dyslexic font?

May 13, 2023
nobetterdan
2 Answers

Just something I'm looking at right now - I've recently started a blog & something I'd like to have is the option for a user to select a dyslexic font that would override the current font on the site. Does…

VIEW QUESTION

Fonts don't display with Sass, React, create-react-app – Reactjs

March 20, 2023
alienCred
2 Answers

I'm working on a React project made with create-react-app. I'm using Sass and the sass files transpile correctly. I have local fonts that I want to embed in the app. I use the @font-face rule correctly, I believe, in my…

VIEW QUESTION

Google PageSpeed "Ensure text remains visible" with 0ms potential saving – SEO

October 15, 2021
Marcell
2 Answers

Image reference of the 0ms potential saving message I keep getting this warning in Google PageSpeed and now I'm totally out of ideas. I'm using the following code to set the font-family: @font-face { font-family: "Roboto", sans-serif; font-display: swap; font-weight:…

VIEW QUESTION

Where do I define @font-face in shopify?

April 22, 2021
Anupam Mistry
4 Answers

I upload some font-related files in assets in Shopify. But I don't know where and how to define the below code. @font-face { font-family: 'FreeSansBold'; src: url('FreeSansBold.eot'); src: url('FreeSansBold.eot?#iefix') format('embedded-opentype'), url('FreeSansBold.woff2') format('woff2'), url('FreeSansBold.woff') format('woff'), url('FreeSansBold.ttf') format('truetype'), url('FreeSansBold.svg#FreeSansBold') format('svg'); font-weight: bold;…

VIEW QUESTION

Adding Custom Font to Shopify Issue

October 7, 2020
Nikki
3 Answers

For some reason the custom font that I am trying to implement on my Shopify site is not working at all. I uploaded the font as an asset and used the code in our theme.scss file: @font-face { font-family:'Neue-Haas-Grotesk', sans-serif; src: url(Linotype-NHaasGroteskDSStd-65Md.ttf);…

VIEW QUESTION

Media queries with css3 and @font face – Twitter bootstrap

October 20, 2016
anon
2 Answers

I'm trying to have the 4 icon fonts (above call, email, studio and hours texts) to scale based on the size of the screen. (my website - scroll below slider I've been successful in making the text scale, but not…

VIEW QUESTION

How can I fix turkish character on font-face? – Photoshop

August 21, 2014
user3566301
2 Answers

I am using chunk five fonts on my web site as font-face on css.When I use pure fonts on photoshop, there will turkish characters exist.But when I convert it to font-face.I won't display Turkish characters.I shared a screenshot on the…

VIEW QUESTION

Previous
Page 1
Page 2