Perguntas com a marcação «font-face»

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 servidor. E …

519 html  css  fonts  font-face 

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: url("./fonts/DejaVuSans.ttf") …

454 fonts  css  font-face 

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 tenho?

440 html  css  fonts  font-face 

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 …

422 css  http-status-code-404  font-face  woff 

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'), asset-url('icoMoon.svg#Icomoon', font) format('svg'); } O arquivo de fonte real é armazenado em / app / assets / fonts / Eu adicionei config.assets.paths << …

345 ruby-on-rails  sass  asset-pipeline  font-face  assets 

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 web?

299 css  font-face  webfonts 

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 páginas locais e …

283 google-chrome  font-face 

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 Fechar?

219 css  fonts  font-face 

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 …

194 css  firefox  font-face  file-uri 

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 possível.

175 css  font-face 

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? é …

168 html  svg  font-face  mime-types 

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 Amazon …

134 css  firefox  amazon-s3  font-face  cors 

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'), url('Junction-webfont.ttf') format('truetype'), url('Junction-webfont.svg#webfontoNEpZXy2') format('svg'); } Agora, a coisa do rosto sorridente me deixou perplexo. Mas também o …

133 css  font-face 

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 …

132 internet-explorer  css  internet-explorer-9  font-face 

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 importá-los para o CSS com apenas uma @font-face-query, onde estou definindo o weightna consulta. Quero evitar copiar / colar a consulta …

118 css  fonts  font-face