@ font-face é uma regra CSS que permite a definição de fontes incorporadas em uma página da web.
Existe uma maneira de adicionar uma fonte personalizada em um site sem usar imagens, Flash ou outros gráficos? Por exemplo, eu estava trabalhando em um site de casamento e encontrei muitas fontes legais para esse assunto. Mas não consigo encontrar o caminho certo para adicionar essa fonte no...
Estou olhando a página MDC para a regra CSS @ font-face , mas não entendo nada. Tenho arquivos separados para negrito , itálico e negrito + itálico . Como posso incorporar todos os três arquivos em uma @font-faceregra? Por exemplo, se eu tiver: @font-face { font-family: "DejaVu Sans"; src:...
Estou trabalhando em um site que exige testes de fontes on-line, as fontes que tenho são todas .otf Existe uma maneira de incorporar as fontes e fazê-las funcionar em todos os navegadores? Caso contrário, que outras alternativas eu
Estou usando @font-faceno site da minha empresa e funciona / parece ótimo. Exceto Firefox e Chrome lançará um erro 404 no .woffarquivo. O IE não lança o erro. Eu tenho as fontes localizadas na raiz, mas tentei com as fontes na pasta css e até fornecendo o URL inteiro para a fonte. Se remover essas...
Eu tenho algumas fontes sendo configuradas no meu arquivo Scss da seguinte forma: @font-face { font-family: 'Icomoon'; src: asset-url('icoMoon.eot?#iefix', font) format('embedded-opentype'), asset-url('icoMoon.woff', font) format('woff'), asset-url('icoMoon.ttf', font) format('truetype'),...
Em CSS3 font-face , existem vários tipos de fonte incluídos como ttf, eot, woff, svge cff. Por que devemos usar todos esses tipos? Se eles são especiais para navegadores diferentes, por que o número deles é maior que o número dos principais navegadores da
Percebi que isso info logcomeçou a aparecer no Google Chrome Dev (Versão 55.0.2883.18 dev) e não consigo imaginar o porquê. Rede lenta é detectada. A fonte de fallback será usada durante o carregamento: http: //font-path.extension ` Ele aparece em todos os sites que usam font-face, mesmo em...
Quero criar um botão Fechar usando apenas CSS. Tenho certeza de que não sou o primeiro a fazer isso, alguém sabe qual fonte tem um 'x' da mesma largura que altura, para que possa ser usada em vários navegadores para se parecer com um botão
O código a seguir funciona no Google Chrome beta e no IE 7. No entanto, o Firefox parece ter um problema com isso. Suspeito que seja um problema de como meus arquivos CSS estão incluídos, porque sei que o Firefox não é muito amigável sobre importações entre domínios. Mas tudo isso é apenas HTML...
Eu já vi alguns sites novos que usam fontes personalizadas em seus sites (além do Arial, Tahoma, etc.). E eles suportam uma boa quantidade de navegadores. Como é que alguém faz isso? Além disso, evita que as pessoas tenham acesso gratuito ao download da fonte, se
Este é o tipo mime SVG usual: image/svg+xml E funciona muito bem. No entanto, ao incorporar uma fonte SVG, o chrome informa que o tipo mime está incorreto, obviamente porque você retorna uma fonte em vez de uma imagem. Existe algum tipo de mímica universal? o chrome está errado? é...
Há um problema antigo: o Firefox não carregava fontes de origem diferente da página atual. Geralmente, o problema surge quando as fontes são veiculadas nas CDNs. Várias soluções foram levantadas em outras questões: CSS @ font-face não funciona no Firefox, mas no Chrome e IE Com a introdução do...
Estou usando @font-facepela primeira vez e baixei um kit de fontes do fontsquirrel O código que eles recomendam inserir no meu CSS é: @font-face { font-family: 'junctionregularRegular'; src: url('Junction-webfont.eot'); src: local('☺'), url('Junction-webfont.woff') format('woff'),...
Estou no processo de criar um pequeno aplicativo de intranet e tentar, sem sorte, usar a fonte da Adobe que adquiri recentemente. Como fui informado, no nosso caso, não é uma violação de licença. Eu converti as versões da fonte .ttf / .otf para .woff, .eot e .svg, para segmentar todos os...
Tenho que importar a fonte Klavika e a recebi em vários formatos e tamanhos: Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf Klavika-Regular.otf Agora gostaria de saber se é possível...
Estou projetando um site (por exemplo, mywebsite.com) e este site carrega fontes font-face de outro site (digamos, anothersite.com). Eu estava tendo problemas com o carregamento de fontes da face da fonte no Firefox e continuei lendo neste blog : O Firefox (que oferece suporte a @ font-face da...
Quero mudar a fonte padrão do webview para uma fonte personalizada. Estou usando o webview para desenvolver um aplicativo de navegador bilíngue para Android. Tentei obter uma instância de fonte personalizada colocando minha fonte personalizada em recursos. Mas ainda não consegui definir a fonte...
Quando desenho um texto em uma tela com uma fonte carregada por meio de @ font-face, o texto não é exibido corretamente. Ele não é mostrado (no Chrome 13 e Firefox 5) ou a fonte está errada (Opera 11). Esse tipo de comportamento inesperado ocorre apenas no primeiro desenho com a fonte. Depois...
Desejo usar uma única fonte chamada "Algerian" em todo o meu site. Portanto, preciso alterar todas as tags HTML e não quero escrever códigos diferentes para tags diferentes, como: button{font-family:Algerian;} div{font-family:Algerian;} O método escrito abaixo também é altamente...