Most voted "css-font-face" questions
49 questions
Sort by count of
-
15
votes2
answers243
viewsWhat are Variable Fonts? How do I work with them in CSS?
I’ve heard enough of the term Variable Fonts, and that this would be a new standard that the Web should adopt as a whole soon... I do not know if this really proceeds, but it seems that this new…
-
11
votes2
answers1395
viewsProblem using 'Google Fonts'
I would like to use a Google source without needing Connection (internet). I saw that the @font-face has this power. Just download the source in one of the formats (I preferred the .EOT also…
-
8
votes4
answers178
viewsWhy do my webfonts only work with Chrome?
I’m creating a website through a Child Theme Bootstrap-based Shoestrap. When I use webfonts they only work in Chrome. What I’m doing wrong? This is my CSS @font-face { font-family:…
-
8
votes1
answer720
viewsHow to customize emojis (Unicode) of a page?
On Windows operating system while using emojis the source used by browsers usually is the Segoe UI Emoji Note: in Firefox it has its own "emoji system", I believe it uses the Twemoji Mozilla: -…
-
7
votes1
answer1002
viewsSemantically, which tag should I use for icons?
I have a navigation menu with some icons using @font-face. Each item in this menu has: the icon (with ::before); text, explaining the function of that link. .It turns out that when the page is…
-
7
votes1
answer481
viewsIn CSS, how do I align Numbers with Text in Classic Fonts?
I’m wearing a Font-Face that has the old typographical style in the numerals is want to align them with the text. Note that the numbers of this source follow the old pattern, where the digit is…
-
5
votes1
answer436
viewsProblems with @font-face from the same family
I’m having a problem regarding CSS3 Font module. I got a source with three guys: Bold, normal and Italic and insert them into the CSS with the same name but with the attributes referring to the…
-
5
votes4
answers5885
viewsHow to smooth the font with CSS in Chrome?
I have a "crackle" font problem in Chrome, IE, it seems that the tips are pixelated. To help, I’m posting two images IE: Chrome: My CSS calling the source: @font-face { font-family: "Helvetica-nw";…
-
5
votes1
answer214
viewsIs it currently safe to use font-face instead of Cufon and the like?
I am working on a website and I need to use fonts that the user may not have on his machine. Nowadays the most used browsers already support @font-face? From which versions? It is already possible…
-
5
votes2
answers1625
viewsSerriled source Firefox
How to resolve this issue in Firefox regarding fonts ? Unfortunately in Chrome it gets smooth and in Firefox serrated.…
-
5
votes1
answer28619
viewsIcons in different sizes with Bootstrap
Hi, I’m studying the Bootstrap building a website Opencart where the layout has standard icons. I made an HTML module for information with 3 icons using Bootstrap, but they follow the site size…
-
4
votes2
answers465
viewsWindows Phone does not load . font in CSS
I’m making an HTML5 application Responsive, using Bootstrap and Smartadmin, etc. Works on all devices. Including Internet Explorer 8, 9, 10 and 11 but on Windows Phone 8 (with the latest update that…
html5 css3 twitter-bootstrap windows-phone css-font-faceasked 10 years, 6 months ago Dorathoto 7,426 -
4
votes2
answers673
viewsWith CSS is it possible to fill in the "eyes" of the Font? Is it possible to fill in the "holes" of the letters A, O, P, etc?
I was wanting to create a title to use in the sessions of my site, but wanted the source to have an effect similar to those images, With eyes filled giving the impression that the source has the…
-
3
votes1
answer50
viewsHow can I use pseudo css elements
Following a css3 tutorial, I learned how to place icone inside inputs. The dev I was teaching used an example of 2 inputs to put 2 icons 1 in each input. In this case it used the following pseudo…
-
2
votes4
answers5359
viewsCustom font in html/css does not work
I’m trying to insert a non-standard font into my html, but it’s not working. I downloaded the source and put it in a folder /font inside the briefcase css. Follows the code: @font-face {…
-
2
votes1
answer45
viewsUse 2 fonts in a sentence
I have a website that the client asked me to use a type of source for some things and another type for others. And he asked the mail to be all typed (type1) but this type is not @ so he asked the…
-
2
votes2
answers109
viewsHow to fix "dancinha" (Flicker) of icons Webfont when doing page Load?
When re-loading a page the icons of a Webfont are loaded only after loading the CSS and this causes a "little dance" in the text. See below for the unwanted behavior of the icon when re-loading the…
-
2
votes1
answer1132
viewsHTML does not load font style located in remote folders
The archive index.html is in the localhost, but the font and the file .css is in a remote server: This is the source link: https://ssl-177586.kinghost.net/fonts/ProximaNovaBold.ttf What I’ve already…
-
2
votes0
answers64
viewsOrganization of tables in css
*I have a problem in my code that I’ve been trying to solve for hours I’m going to leave an image to explain better, I want to leave it aligned with the other bars. <!-- ***** Contact Area End…
-
2
votes1
answer1671
viewsHow to change the image displayed in the Desktop and Mobile versions of a website
I needed the desktop version of a website to display an image and the mobile version another image. Since on the desktop the counter would be on top of the image (as it already is) and in mobile…
-
1
votes1
answer282
viewsfont-face Internet Explorer
I’m having a problem loading into my sources in IE. It takes about 1 minute to load. Someone else goes through or has already gone through this? @font-face { font-family: 'yanone_regular'; src:…
-
1
votes1
answer414
viewsFont rendering on Mac makes the font "Regular" look like "Bold"
I have a font rendering problem on my Mac. The font is "Regular" size and renders right in windows, however, on Mac the same font looks like "Bold". Windows is Seven and MAC is Yosemite. I’m using…
-
1
votes1
answer167
viewsError loading source: OTS Parsing error: Cmap: Failed to parse format 4
I’m having trouble for the browser to use a custom font! In the css folder I have the fonts folder, and inside the fonts folder is the file prompt.ttf but when I upload the file to the server, I do…
-
1
votes3
answers1976
viewshow to center a <H2> tag vertically inside the div
I would like to leave the text within those <h2> vertically centered <div class="col-md-2 buttom-area"> <div class="text-center button-disciplina button-border"> <h2>Realizar…
-
1
votes1
answer800
viewsHow to place a gradient in front of two images that are background?
I tried to place the gradient in the header that is being the "container" of the images, but it just gets behind the images. I’ve tried using the z-index but without success. <body> <div…
-
1
votes2
answers107
viewsBold special characters in Safari only
Special characters like ã or ç are getting bold only in Safari version 13. The site is meta tagged utf-8 <meta charset="utf-8"> For example: Choose them informsções... Select the…
-
1
votes1
answer70
viewsHow do I use @font-face for gmail signatures?
I tried to use <style type="text/css"> @font-face { font-family: 'Myriad Pro Semibold'; font-style: normal; font-weight: normal; src: local('Myriad Pro Semibold'),…
-
0
votes1
answer23450
viewsHow do I load an external source into a CSS/HTML document?
I am trying to import an external source to a file CSS So that’s my code CSS: body{ background-color: white } @font-face { font-family: 'devgothic'; src: url('/fonts/devgothic.eot'); src:…
-
0
votes2
answers889
viewsChange the font in wordpress.com via css
I’m trying to change the font of a site hosted on Wordpress.com. In the archive css, I do the source on the first line of the code: @import "//fonts.googleapis.com/css?family=Lekton"; Then I…
-
0
votes1
answer84
viewsFont changing from Weight
I am making a website using bootstrap and was doing the code normally, my client bought the source Pluto Bold and Condensed Light, and I am using them as webfonts. The problem is that the font gets…
-
0
votes1
answer186
viewsProblem importing CSS fonts
Guys, I’m having a little problem importing fonts, when I put the native fonts works, with the exception of Helvetica, and when I import a local font or by url it’s like I can’t access the source…
-
0
votes1
answer95
viewsFont and url problem
So guys, I have a problem here which is this, I import external fonts in css with @font-face, only when I access my site in the browser without putting www, the site does not pull the font. But if I…
-
0
votes1
answer63
viewsProblems using font-face on the site
I am using font-face on my site and it loads normally when typing the link with www.ksleague.com, however, when typing the link without www, it does not pull the font-face. How am I supposed to fix…
-
0
votes0
answers389
viewsfont-face url does not load
First of all, I warn you that I did not find anything in the searches that could solve my problem. These are the paths of folders and files: _pasta_da_html pagina.html arquivo_da_fonte.ttf…
-
0
votes2
answers608
views@font-face c# MVC Bootstrap
I have a Bootstrap template that I’m trying to apply to a project, but I have a huge difficulty importing the . eot, . svg. ttf, . Woff, . otf These files are in the directory:…
-
0
votes1
answer59
viewsMenu changing page content
Speak guys, I am producing a Site and I made an HTML + CSS Menu, the only problem is that the Menu is changing the positioning of the things that are below it, example: If there is a menu and below…
-
0
votes1
answer80
viewsCorrect application of the font-face
It is known that the sources of the type woff and woff2 are not supported by all browsers, I am using on my page and on the google console Chrome accuses problems to download the font type woff2, in…
-
0
votes1
answer96
viewsHow to import fonts locally in css?
I am developing a website and I am having difficulties in the issue of sources. Locally they appear, I uploaded to the server of my files the site appears normally, however only the sources do not…
-
0
votes0
answers56
viewsThe font doesn’t change it only changes the Weight but not the family on the front end!
The font does not change the family only the width on the front and shows no error in the console! @import url("https://fonts.googleapis.com/css?family=Ubuntu"); .menu-vin li a{ display:block;…
-
0
votes1
answer576
viewsDifferent font on mobile and desktop
In my CSS I put the font Poiret One in the menu of my site. But when I open it on the mobile phone, the font is totally different. Desktop Menu Menu Mobile My CSS is like this: .menu a{ font-family:…
-
0
votes1
answer29
viewsdifferent font abandon on the web
Morning all right with you? Next... I downloaded and installed the Abandon font and in photoshop it looks great, then, I launched in html with the command @font-face { font-family: abandon; src:…
-
0
votes1
answer35
views@font-face is not working in Chrome
Recently a customer uploaded a website and the font that was set in the font-face stopped working. In test environment, it worked normally (the site was hosted on a cloud site, but in a Ubdomain).…
-
0
votes3
answers608
viewsInstall FONT in HTML?
Good afternoon Personal, If you can help with the codes below, as you can see I’m new with html and CSS. I searched but could not make work the font I want from a source link I made myself. If it’s…
-
0
votes2
answers175
viewsHow to import local sources via Vue/Vue-cli?
I need to import a local source for my project on Vue, and I am not succeeding. I tried using the @font-face, in that way: @font-face { font-family: 'Oxygen'; src:…
-
0
votes0
answers48
viewsGithub Pages cannot find my source in the repository
I sent a website to Github Pages along with some fonts that will be used on the page. The directory structure is this: MeuRepositorio/ index.html public/ ... fonts/ MinhaFonte.TTF css/ style.css…
-
-1
votes3
answers7829
viewsPut external font on website
I have a font that I need to put on the site (edosz.ttf), I have been searching and I ended up with this code: @font-face{ font-family: "edosz"; src: url('edosz.ttf'); } but I can’t! Someone could…
-
-1
votes1
answer591
viewsHow to convert . svg icons to a font?
There is a recommended way to convert and combine various icons in the format .svg in a single source file (ttf, woff, etc.)? I want to define a @font-face and assign my font, so that I can use your…
-
-2
votes0
answers7097
viewsText font that all letters occupy the same space
There is another source outside the monospace and the courier where all letters occupy the same space? or if there is no, can you do this with javascript? for example, take any font and make all its…
-
-4
votes2
answers63
viewsError setting a background to a label and placing an image above the background of the label
//html <label class="home-header icon-menu"> <img src="arquivos/menu.svg"> </label> //css .icon-menu { position: relative; top: 0.5cm; left: 0.39cm; cursor: pointer; background:…