Perguntas com a tag [css-font-face]
A tag css-font-face não tem possui recomendações de uso.
48
perguntas
0
votos
0
respostas
91
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/
...
0
votos
2
respostas
581
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/...
1
voto
2
respostas
208
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... ...
0
votos
3
respostas
1mil
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 ...
-4
votos
2
respostas
100
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;
...
0
votos
1
resposta
62
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 ...
0
votos
1
resposta
30
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('../...
-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 ...
0
votos
1
resposta
373
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 ...
1
voto
1
resposta
127
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('...
15
votos
2
respostas
321
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 "...
4
votos
2
respostas
998
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 ...
7
votos
1
resposta
793
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 ...
2
votos
1
resposta
3mil
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 ...
8
votos
1
resposta
1mil
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 ...
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 ...
2
votos
0
respostas
79
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 **...
0
votos
1
resposta
966
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-...
3
votos
1
resposta
81
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 ...
1
voto
3
respostas
3mil
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">
&...
0
votos
0
respostas
84
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-...
0
votos
1
resposta
111
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, ...
0
votos
1
resposta
137
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 ...
0
votos
1
resposta
70
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?
0
votos
1
resposta
106
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 . ...
0
votos
1
resposta
248
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 ...
0
votos
2
respostas
953
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 ...
0
votos
2
respostas
682
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: ...
0
votos
0
respostas
427
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
...
0
votos
1
resposta
28mil
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/...
1
voto
1
resposta
190
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,...
2
votos
4
respostas
7mil
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: ...
2
votos
1
resposta
1mil
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?
@...
2
votos
2
respostas
112
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 ...
0
votos
1
resposta
114
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 ...
2
votos
1
resposta
46
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 @ ...
-1
votos
3
respostas
11mil
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 ...
5
votos
1
resposta
33mil
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 ...
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.
1
voto
1
resposta
442
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 é ...
7
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 ...
5
votos
1
resposta
237
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á ...
1
voto
1
resposta
310
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: ...
4
votos
2
respostas
474
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 ...
5
votos
4
respostas
7mil
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-...
8
votos
4
respostas
182
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 {
...
5
votos
1
resposta
498
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 ...
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 ...