Perguntas com a tag [css-font-face]

A tag não tem possui recomendações de uso.

Filtrar por
Ordenado por
Com tags
0 votos
0 respostas
173 visitas

GitHub Pages não encontra a minha fonte no repositório

Enviei um site para o GitHub Pages junto com algumas fontes que serão usadas na página. A estrutura do diretório é essa: MeuRepositorio/ index.html public/ ... fonts/ ...
JeanExtreme002's user avatar
0 votos
2 respostas
901 visitas

Como importar fontes locais pelo Vue/Vue-cli?

Preciso importar uma fonte local para meu projeto em Vue, e não estou obtendo sucesso. Tentei utilizando o @font-face, dessa maneira: @font-face { font-family: 'Oxygen'; src: url('../fonts/...
Carol Libório's user avatar
1 voto
2 respostas
287 visitas

Caracteres especiais em negrito apenas no Safari

Os caracteres especiais como ã ou ç estão ficando em negrito apenas no Safari versão 13. O site está com a meta tag utf-8 <meta charset="utf-8"> Por exemplo: Escolha as informações... ...
Luan Perosa's user avatar
1 voto
3 respostas
2mil visitas

Instalar FONT em HTML?

Boa tarde Pessoal, Se vocês puderem ajudar com os códigos abaixo, como vocês podem ver sou novo com html e CSS. Pesquisei mas não consegui fazer funcionar a font que eu quero a partir de um link de ...
kasten's user avatar
  • 53
-4 votos
2 respostas
129 visitas

Erro ao definir um background em uma label e colocar uma imagem acima do background desta mesma label [fechada]

//html <label class="home-header icon-menu"> <img src="arquivos/menu.svg"> </label> //css .icon-menu { position: relative; top: 0.5cm; ...
sadrak's user avatar
  • 1
0 votos
1 resposta
92 visitas

@font-face não está funcionando no Chrome

Recentemente um cliente subiu um site e a fonte que estava definida no font-face parou de funcionar. Em ambiente de testes, funcionava normalmente (o site estava hospedado em um site na nuvem, porém ...
haRdy's user avatar
  • 403
0 votos
1 resposta
31 visitas

font abandon diferente na web

bom dia tudo bem com vocês? Seguinte... Eu baixei e instalei a font Abandon e no photoshop ela fica ótima, aí, fui lançar no html com o comando @font-face { font-family: abandon; src: url('../...
Horacio J.'s user avatar
-1 votos
1 resposta
1mil visitas

Como converter ícones .svg em uma fonte?

Existe uma forma recomendável para converter e combinar vários ícones no formato .svg em um único arquivo de fonte (ttf, woff, etc)? Quero definir uma @font-face e atribuir minha fonte, de modo que ...
Thiago Krempser's user avatar
0 votos
1 resposta
714 visitas

Como importar fontes localmente no css? [fechada]

Estou desenvolvendo um site e estou tendo dificuldades na questão das fontes. Localmente elas aparecem, fiz o upload para o servidor dos meus arquivos o site aparece normalmente, porém só as fontes ...
jpbatista's user avatar
1 voto
1 resposta
190 visitas

Como utilizar @font-face para assinaturas no gmail?

Tentei utilizar <style type="text/css"> @font-face { font-family: 'Myriad Pro Semibold'; font-style: normal; font-weight: normal; src: local('Myriad Pro Semibold'), url('...
Jabs's user avatar
  • 303
15 votos
2 respostas
430 visitas

O que são Variable Fonts? Como trabalhar com elas no CSS?

Tenho escutado bastante o termo Variable Fonts, e que esse seria um novo padrão que a Web deve adotar como um todo em breve... Não sei se isso realmente procede, mas parece que esse novo "...
hugocsl's user avatar
  • 66,8mil
4 votos
2 respostas
1mil visitas

Com CSS é possível preenche os "olhos" da Fonte? É possível preencher os "buracos" das letras A, O, P, etc?

Eu estava querendo criar um título para usar nas sessões do meu site, mas queria que a fonte tivesse um efeito similar ao dessas imagens, Com os olhos preenchidos dando a impressão que a fonte tem o ...
hugocsl's user avatar
  • 66,8mil
7 votos
1 resposta
1mil visitas

No CSS como faço para alinhar os Números com o Texto em Fontes Classicas?

Eu estou usando uma Font-Face que tem o estilo tipográfico antigo nos numerais é quero alinha-los com o texto. Veja que os números dessa fonte seguem o padrão antigo, onde o algarismo é alinhado com ...
hugocsl's user avatar
  • 66,8mil
2 votos
1 resposta
4mil visitas

Como mudar a imagem exibida nas versões Desktop e Mobile de um website

Eu precisava que na versão desktop de um website fosse exibida uma imagem e na versão mobile outra imagem. Sendo que no desktop o contador ficaria em cima da imagem (como ele já fica) e no mobile ...
JVEUZEBIO's user avatar
  • 137
8 votos
1 resposta
2mil visitas

Como customizar emojis (unicode) de uma página?

Em sistema operacionais Windows ao usar emojis a fonte usadas pelos navegadores geralmente é o Segoe UI Emoji Nota: no Firefox ele possui um proprio "sistema de emojis", creio que ele usa o Twemoji ...
Syzoth's user avatar
  • 100mil
1 voto
1 resposta
1mil visitas

Como colocar um gradiente na frente de duas imagens que são background?

Eu tentei colocar o gradiente no cabeçalho que está sendo o "container" das imagens, mas ele só fica por trás das imagens. Já tentei usar o z-index mas sem sucesso. <body> <div ...
Gabriel Francisco Santana Sant's user avatar
2 votos
0 respostas
86 visitas

Organização de tabelas em css

*Tenho um problema em meu código que estou tentando resolver faz horas vou deixar uma imagem para explicar melhor, quero deixar alinhada junto com as outras barras. <!-- ***** Contact Area End **...
user8286216's user avatar
0 votos
1 resposta
1mil visitas

Font diferente no mobile e no desktop

No meu CSS eu coloquei a fonte Poiret One no menu do meu site. Mas quando eu abro no celular, a fonte fica totalmente diferente. Menu Desktop Menu Mobile Meu CSS está assim: .menu a{ font-...
Otavio de Souza Rocha's user avatar
3 votos
1 resposta
102 visitas

Como posso usar os pseudo elementos css

Seguindo um tutorial de css3, aprendi a colocar icone dentro dos inputs. O dev que estava ensinando usou um exemplo de 2 inputs para colocar 2 icones 1 em cada input. No caso utilizou os seguintes ...
Ronaldo Aquino's user avatar
1 voto
3 respostas
4mil visitas

como centralizar verticalmente uma tag <h2> dentro da div

Gostaria de deixar o texto que esta dentro desses <h2> centralizado verticalmente <div class="col-md-2 buttom-area"> <div class="text-center button-disciplina button-border"> &...
Lucas Alves's user avatar
0 votos
0 respostas
109 visitas

A fonte não altera ela só muda o weight mas não o family no front-end!

A fonte não altera o family só o width no front e não mostra erro algum no console! @import url("https://fonts.googleapis.com/css?family=Ubuntu"); .menu-vin li a{ display:block; text-...
Willian Fortes's user avatar
0 votos
1 resposta
119 visitas

Aplicação correta do font-face

É sabido que as fontes do tipo woff e woff2 não são suportadas por todos os navegadores, estou usando em minha página e no console do google chrome acusa problemas para baixar a fonte do tipo woff2, ...
Munir Baarini's user avatar
0 votos
1 resposta
171 visitas

Menu mudando o conteúdo da página [fechada]

Fala galera, estou produzindo um Site e fiz um Menu HTML + CSS, o único problema é que o Menu está mudando o posicionamento das coisas que estão a baixo dele, exemplo: se existe o menu e abaixo existe ...
ThinKing's user avatar
  • 141
0 votos
1 resposta
75 visitas

Problemas ao usar font-face no site

Eu estou usando font-face no meu site e ela carrega normalmente ao digitar o link com www.ksleague.com, porém, ao digitar o link sem o www, ele não puxa a font-face. Como devo resolver isso?
Marcos Felipe's user avatar
0 votos
1 resposta
112 visitas

Problema com fontes e url

Então moçada, eu to com um problema aqui que é o seguinte, eu importo fontes externas no css com o @font-face, só que quando acesso o meu site no navegador sem colocar o www, o site não puxa a fonte . ...
Jaider Master Info's user avatar
0 votos
1 resposta
294 visitas

Problema na importação de fontes CSS

Galera, estou com um pequeno problema na importação de fontes, quando coloco as fontes nativas funciona, com excessão da Helvetica, e quando vou importar uma fonte local ou por url é como se não ...
Matheus Azevedo's user avatar
0 votos
2 respostas
999 visitas

Alterar a fonte no wordpress.com através do css

Estou tentando mudar a fonte de um site hospedado no WordPress.com. No arquivo css, faço a fonte na primeira linha do código: @import "//fonts.googleapis.com/css?family=Lekton"; Depois, determino a ...
Lucas Alves 's user avatar
0 votos
2 respostas
739 visitas

@font-face c# MVC Bootstrap

Tenho um template Bootstrap que estou tentando aplicar em um projeto, porém tenho uma enorme dificuldade em importar os arquivos .eot, .svg, .ttf, .woff, .otf Esses arquivos estão no diretório: ...
Lucas Duzo's user avatar
0 votos
0 respostas
449 visitas

font-face url não carrega

Antes de mais nada, já aviso que não encontrei nada nas buscas que pudesse resolver meu problema. Estes são os caminhos das pastas e arquivos: _pasta_da_html pagina.html arquivo_da_fonte.ttf ...
Rick's user avatar
  • 13
0 votos
1 resposta
29mil visitas

Como faço para carregar uma fonte externa num documento CSS/HTML?

Estou tentando importar uma fonte externa para um arquivo CSS Então, esse é o meu código CSS: body{ background-color: white } @font-face { font-family: 'devgothic'; src: url('/fonts/...
Flávio Monteiro's user avatar
1 voto
1 resposta
226 visitas

Erro ao carregar fonte: OTS Parsing error: cmap: Failed to parse format 4

Estou tendo problema para que o browser use um fonte personalizada! Na pasta css eu tenho a pasta fonts, e dentro da pasta fonts está o arquivo prompt.ttf porém na hora que subo o arquivo pro servidor,...
Raizant's user avatar
  • 2.415
2 votos
4 respostas
8mil visitas

Fonte personalizada no html/css não funciona

Estou tentando inserir uma fonte não padrão no meu html, mas ela não está funcionando. Baixei a fonte e coloquei numa pasta /font dentro da pasta css. Segue o código: @font-face { font-family: ...
Fernando William's user avatar
2 votos
1 resposta
2mil visitas

HTML não carrega estilo de font localizado em pastas remotas

O arquivo index.html está no localhost, mas a font e o arquivo .css está em um servidor remoto: Este é o link da fonte: https://ssl-177586.kinghost.net/fonts/ProximaNovaBold.ttf O que já tentei? @...
Lollipop's user avatar
  • 4.994
2 votos
2 respostas
123 visitas

Como corrigir "dancinha" (flicker) de webfont de ícones ao fazer reload da página?

Ao fazer reload da página os ícones de um webfont são carregados somente depois do carregamento do CSS e isso ocasiona uma "dancinha" no texto. Veja abaixo o comportamento indesejado do ícone quando ...
Bruno Wego's user avatar
  • 1.568
0 votos
1 resposta
134 visitas

Fonte mudando de weight

Estou fazendo um site utilizando o bootstrap e estava fazendo o código normalmente, meu cliente comprou a fonte Pluto Bold e a Condensed Light, e estou utilizando elas como webfonts. O problema é que ...
JefSilva's user avatar
  • 307
2 votos
1 resposta
48 visitas

Usar 2 fonts numa frase

Eu tenho um site que o cliente pediu que eu usasse um tipo de fonte para umas coisas e outro tipo para outras. E pediu que o mail fosse todo com um tipo de letra(tipo1) mas esse tipo não tem @ ...
Bruno Gibellino's user avatar
-1 votos
3 respostas
17mil visitas

Colocar font externa em site

Eu tenho uma font que preciso de pôr no site (edosz.ttf), estive a pesquisar e acabei com este código: @font-face{ font-family: "edosz"; src: url('edosz.ttf'); } mas não dá! Alguém me podia ...
Bruno Gibellino's user avatar
5 votos
1 resposta
35mil visitas

Ícones em tamanhos diferentes com Bootstrap

Olá, estou estudando o Bootstrap montando um site OpenCart onde o layout tem ícones padrões. Fiz um módulo HTML para informações com 3 ícones usando Bootstrap, mas eles seguem o padrão de tamanho ...
Omar Almeida's user avatar
5 votos
2 respostas
2mil visitas

Fonte serrilhada Firefox

Como resolver este problema no Firefox em relação a fontes ? Infelizmente no Chrome fica suave e no Firefox serrilhado.
Steve Angello's user avatar
1 voto
1 resposta
480 visitas

Renderização de font no Mac deixa a font "Regular" parecida com "Bold"

estou com um problema de renderização de font no Mac. A font é de tamanho "Regular" e renderiza certinho no windows, porem, no Mac a mesma font fica parecida com "Bold". O Windows é o Seven e o MAC é ...
Jean Bragantin's user avatar
8 votos
1 resposta
1mil visitas

Semanticamente, qual tag devo usar para ícones?

Tenho um menu de navegação com alguns ícones utilizando @font-face. Cada item desse menu tem: o ícone (com ::before); texto, explicando qual a função daquele link. .Acontece que, quando a página for ...
Renan Gomes's user avatar
  • 19,3mil
5 votos
1 resposta
253 visitas

Atualmente é seguro usar font-face em vez de cufon e similares?

Estou trabalhando num site e preciso de utilizar fontes que talvez o usuário não possua na sua máquina. Hoje em dia os navegadores mais utilizados já suportam @font-face? A partir de quais versões? Já ...
Robson's user avatar
  • 71
1 voto
1 resposta
326 visitas

font-face Internet Explorer

Estou com um problema de carregamento em minhas fontes no IE. Demora cerca de 1 minuto pra serem carregadas. Alguém mais passa ou já passou por isso? @font-face { font-family: 'yanone_regular'; src: ...
dsantoro's user avatar
  • 893
4 votos
2 respostas
475 visitas

Windows Phone não carrega .font em CSS

Estou fazendo uma aplicação HTML5 responsive, utilizando o Bootstrap e SmartAdmin, etc. Funciona em todos dispositivos. Inclusive Internet Explorer 8, 9, 10 e 11 porém no Windows Phone 8 (com aquele ...
Dorath's user avatar
  • 7.514
5 votos
4 respostas
8mil visitas

Como suavizar a fonte com CSS no Chrome?

Estou com um problema de fonte "craquelado" no Chrome, ou seja, parece que as pontas ficam pixelizadas. Para ajudar, estou postando duas imagens IE: Chrome: O meu CSS que chama a fonte: @font-...
braulio_holtz's user avatar
8 votos
4 respostas
187 visitas

Por que minhas webfonts só funcionam com o Chrome?

Estou a criar um website através de um child theme do Shoestrap, baseado em Bootstrap. Quando uso as webfonts elas apenas funcionam no Chrome. O que estou a fazer mal? O meu CSS é este @font-face { ...
user3216077's user avatar
5 votos
1 resposta
528 visitas

Problemas com @font-face da mesma família

Estou tendo um problema em relação ao modulo Font do CSS3. Tenho uma fonte com 3 tipos: bold, normal e italic e as inseri no CSS com o mesmo nome porem com os atributos referentes ao font-weight e ...
Jonathan Célio's user avatar
11 votos
2 respostas
2mil visitas

Problema ao usar 'Google Fonts'

Gostaria usar uma fonte da Google sem precisar de Conexão (internet). Vi que o @font-face tem esse poder. Basta apenas baixar a fonte em um dos formatos (preferi o .EOT por também ser aceito pelo IE ...
Phellipe Lins's user avatar