13
votos
Aceito
O que são Variable Fonts? Como trabalhar com elas no CSS?
Antes de começar é importante saber que as variable fonts são um novo formato de fonte que oferece muita flexibilidade no estilo da fonte.
Sabe quando você baixa uma fonte da internet sempre vem um ...
7
votos
Aceito
Semanticamente, qual tag devo usar para ícones?
A tag <span/> é de facto a tag mais utilizada para lidar com problemas como o que referes.
O elemento HTML <span> é um conteiner generico em linha para conteúdo fraseado , que não ...
6
votos
Aceito
No CSS como faço para alinhar os Números com o Texto em Fontes Classicas?
O problema das fontes
Como o @hugocsl comentou na sua pergunta, existem algum tipos de fontes onde os números da fonte seguem um padrão antigo, onde o mesmo é alinhado com as ascendentes e ...
6
votos
Ícones em tamanhos diferentes com Bootstrap
Como disse no comentário, estes ícones que vc está utilizando não são do Bootstrap, e sim do fontawesome.
Veja aqui os ícones do Bootstrap.
Esta é a forma básica de usar os ícones do Bootstrap:
&...
5
votos
Fonte serrilhada Firefox
Entendendo a diferença do antialias tradicional para o ClearType
Veja sua imagem ampliada:
Note que a imagem da direita tem pixels coloridos. Como o LCD não é formado por pixels de todas as cores, ...
4
votos
Aceito
Windows Phone não carrega .font em CSS
Descobri, o servidor não estava reconhecendo a fonte http://lythos.wmb.com.br/fonts/glyphicons-halflings-regular.woff com o cabeçalho mime, normalmente isso não seria problema porém para o IE, foi. ao ...
4
votos
Como suavizar a fonte com CSS no Chrome?
O -webkit-font-smoothing: antialiased; na verdade é uma técnica criada para o navegador Safari para telas de retina em computadores Mac (sistema OS X)
Tanto que a versão desta propriedade para firefox ...
4
votos
Atualmente é seguro usar font-face em vez de cufon e similares?
Utilize font-face fazendo um import da fonte no teu código:
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-...
4
votos
Usar 2 fonts numa frase
Tente assim:
.tipo1 {
font-family: edosz;
}
.tipo2 {
font-family: finger;
}
<span class="tipo1">Texto 1</span><span class="tipo2">Texto 2</span>
3
votos
Windows Phone não carrega .font em CSS
Só para completar, talvez tenha sido seu problema ou pode ser de mais alguém com IE e Fonts. O IE e Firefox bloqueiam as fontes que vem de CDN ou outro domínio por causa de same-origin policy, já ...
2
votos
Colocar font externa em site
Para adicionar uma fonte ao seu site você utilizará a regra do css chamada @font-face.
Suporte dos navegadores para: @font-face.
@font-face{
font-family: NomeDaFonte;
/*Caso a fonte esteja ...
2
votos
Aceito
Como faço para carregar uma fonte externa num documento CSS/HTML?
Está um tanto errado o modo que está fazendo. Veja o exemplo abaixo:
@font-face {
font-family: 'Calibri';
src: url('fonts/Calibri.eot');
src: url('fonts/Calibri.eot?#iefix') format('...
2
votos
Aceito
Com CSS é possível preenche os "olhos" da Fonte? É possível preencher os "buracos" das letras A, O, P, etc?
A melhor solução seria usar uma fonte que seja como você quer, porém ...
Uma forma gambiarrenta que se assemelha ao que quer é usar diversos text-shadow para criar a frase preenchida, usar letter-...
2
votos
Aceito
Como colocar um gradiente na frente de duas imagens que são background?
EDIT
De acordo com as informações que o autor da pergunta acrescentou segue uma nova resposta, mais coerente com a dúvida.
Vc preica criar um pseudo-elemento no .container e colocar ele com position:...
2
votos
Como corrigir "dancinha" (flicker) de webfont de ícones ao fazer reload da página?
Este flick acontece porque a sua fonte ainda não carregou, nas minhas aplicações em costumo usar um pre-loading, assim esses "problemas" não ficam visiveis para o usuário final.
Se o pre-loading não ...
2
votos
Aceito
Fonte mudando de weight
Você deve usar font-weight: 300 se deseja ter a fonte light.
Tente também isso, para deixar suas fontes mais legíveis:
body {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: ...
2
votos
Como mudar a imagem exibida nas versões Desktop e Mobile de um website
No seu arquivo CSS você pode utilizar Media Query, que possibilita alterar o comportamento do CSS para resoluções diferentes.
Nesse caso o ideal seria ter duas imagens diferentes no seu html.
Sendo ...
2
votos
Como importar fontes localmente no css?
Usar o @font-face do CSS é uma boa alternativa. Supondo que seu projeto tenha a seguinte estrutura:
site/
├── css/
│ └── styles.css
├─── fonts/
│ ├── Oxygen-Regular.eot
│ ├── Oxygen-Regular.svg
...
1
voto
Como customizar emojis (unicode) de uma página?
Sim! Tem como.
Como você provavelmente já sabe, cada fonte traz pra gente um tipo diferente de emoji.
Você pode procurar qual fonte bate com o tipo de emoji que você quer e fazer isso:
@font-face {
...
1
voto
Aceito
Font diferente no mobile e no desktop
Não adianta testar no modo mobile do browser do seu PC. Ele não vai renderizar com 100% de precisão de uma webview do Android ou do IOS.
Eu notei que você chamou dois arquivos CSS:
<link rel="...
1
voto
Aceito
Como posso usar os pseudo elementos css
Vc deve usar o pseudo classe :nth-of-type(n) onde "n" é o número da ordem do elemento, no seu caso são 3 então ficaria :nth-of-type(1) :nth-of-type(2) :nth-of-type(3) uma para cada input
Aqui tem a ...
1
voto
Aceito
Menu mudando o conteúdo da página
Bom dia @ThinKing.
Estou tentando entender o que realmente você quer.
Você tem um menu e embaixo conteúdo, quando você abre os submenus ele está empurrando o conteúdo correto?
Você precisa ...
1
voto
Alterar a fonte no wordpress.com através do css
Com pouca informação que você passou, vou te pedir para fazer estas alterações e nos comentários você me informa se funcionou ou não.
Altere de:
@import "//fonts.googleapis.com/css?family=Lekton";
...
1
voto
@font-face c# MVC Bootstrap
Para adicionar as configurações adicionais que você quer você precisa acessar a pasta App_start e no arquivo: "BundleConfig.cs". adicionar os arquivos CSS ou JS que você deseja.
1
voto
Aceito
Erro ao carregar fonte: OTS Parsing error: cmap: Failed to parse format 4
De fato resolvi o erro adicionando o formato da fonte que queria usar, (true type).
Ficou assim o CSS:
font-family: 'prompt';
src: url('fonts/prompt.ttf') format('truetype');
Testei com open type e ...
1
voto
Fonte personalizada no html/css não funciona
Não seria melhor chamar a fonte via Google Api?
Exemplo no css:
<style>
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
</style>
Exemplo no html ...
1
voto
Aceito
Como corrigir "dancinha" (flicker) de webfont de ícones ao fazer reload da página?
Você pode tentar uma destas opções <link> com prefetch dentro de <head>:
<!doctype html>
<html>
<head>
<link rel="prefetch" href="(url)">
</head&...
1
voto
Colocar font externa em site
Para o código abaixo, a fonte deve estar na mesma pasta do arquivo CSS, caso esteja em um diretório diferente é necessário referência-lo corretamente.
@font-face{
font-family: "edosz";
src: url('...
1
voto
font-face Internet Explorer
Modifique seu font-face para esse código e veja se funciona:
@font-face {
font-family: MyFont; src: url('myfont.ttf');
}
@font-face{
font-family: MyFont_IE; src: url('myfont.eot');
}
.my_font{
...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
css-font-face × 48css × 31
html × 18
css3 × 18
html5 × 11
font × 7
twitter-bootstrap × 3
wordpress × 2
url × 2
wordpress-theme × 2
css-hover × 2
php × 1
c# × 1
asp.net-mvc × 1
vue.js × 1
front-end × 1
bootstrap × 1
google-chrome × 1
codificação-de-caracteres × 1
svg × 1
internet-explorer × 1
windows-phone × 1
ux × 1
semântica × 1
css-animations × 1