36
votos
Aceito
Com CSS é possível colocar 2 cores em 1 letra? Ou metade do texto com uma cor diferente?
O mais próximo que consegui foi usando background-clip: texte text-fill-color: transparent.
Veja:
.two-colors{
font-size: 160px;
background: linear-gradient(to right, blue 50%, red 0);
...
17
votos
Com CSS é possível colocar 2 cores em 1 letra? Ou metade do texto com uma cor diferente?
Você pode usar um SVG com texto dentro dele.
<svg width="200" height="80" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="bicolored">
&...
13
votos
Com CSS é possível colocar 2 cores em 1 letra? Ou metade do texto com uma cor diferente?
Usando apenas CSS da pra fazer dessa forma
h1 {
font-size: 72px;
background: -webkit-linear-gradient(left, red 10%, blue 0%);
-webkit-background-clip: text;
-webkit-text-fill-color: ...
11
votos
Aceito
Como e qual a melhor forma de usar fontes com CSS?
Decidi me aprofundar e cheguei a essa resposta:
Para definir que tipo de fonte usar em qualquer trecho de código HTML, através do CSS, devemos usar a propriedade font-family com o nome da fonte que ...
6
votos
Com CSS é possível colocar 2 cores em 1 letra? Ou metade do texto com uma cor diferente?
Também é possível utilizando um pseudo-elemento ::after com o content:"A" igual ao do texto <h1>A</h1>, porém "cortado" em 50% da largura.
h1 {
font-family: sans-serif;
font-...
6
votos
Com CSS é possível colocar 2 cores em 1 letra? Ou metade do texto com uma cor diferente?
Mais um...
h1 {
font-family: sans-serif;
font-size: 6rem;
margin: .15em;
background: -webkit-linear-gradient(left,blue 50%, red 50%);
-webkit-background-clip: text;
-...
6
votos
Aceito
Como adicionar uma fonte externa num SVG?
O SVG tem suporte para CSS, claro que com algumas propriedades diferentes para os elementos, no caso pode usar @font-face e vai conseguir o desejado, por exemplo:
<style>
@import url('https://...
4
votos
Como e qual a melhor forma de usar fontes com CSS?
Com tantos tipos de fontes como: serif, monospace e outras, que tipo
devo usar
O tipo da fonte é baseado em opinião ao usar serif, monospace ou outras.
Como usar uma fonte original, diferente, ...
4
votos
Aceito
Como alterar propriedades da fonte em javascript
As propriedades de uma label no Marker são bem limitadas. Veja abaixo:
- color string: Cor do texto
- fontFamily string: Definição equivalente ao font-family do CSS
- fontSize string: ...
3
votos
Aceito
Como avaliar se o usuário irá ter a fonte utilizada no site?
Via CSS você pode fazer uma lista de fontes a serem consideradas para tal elemento. Caso o navegador não encontre a primeira, ele busca a segunda. Se não encontrar a segunda, ele busca a terceira. E ...
3
votos
Google fontes no react native
Considere que você deve importar a fonte, e não simplesmente utilizar ela. Você pode importar tanto direto do site fonte no index.html, ou como o arquivo na pasta no CSS de preferência o css global do ...
3
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 ...
3
votos
Aceito
Bibliotecas de ícones
Murilo, atualmente costumo usar ícones em SVG por questão de performance, por ser estilizável e animável com CSS.
Segue uma lista abaixo para sites onde pode achar ícones em SVG:
Flaticon
...
3
votos
Como e qual a melhor forma de usar fontes com CSS?
Uma forma que não foi cita é indexando a fonte direto no <head> do documento como uma stylesheet. O https://fonts.google.com tem uma variedade de font-family que pode ser usadas dessa forma por ...
3
votos
Bootstrap - Alterar fonte
Esse é o padrão do font-family usado no body do Bootstrap 4 como vc pode conferir nesse link:https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.css
body {
margin: 0;
font-family: -...
2
votos
Aceito
Fonte icons BOOTSTRAP/CSS
Para implementar no seu site você pode usar o fontawesome que hoje creio ser o mais completo: http://fontawesome.io
Download http://fontawesome.io/assets/font-awesome-4.7.0.zip
Depois de baixar ...
2
votos
Aceito
Fonte customizada React Native
Amigo para inserir fontes/icones personalizadas é necessário criar um arquivo chamado de "react-native.config.js" na raiz do projeto passando o seguinte código:
RN 6.0+
module.exports = {
project:...
2
votos
Aceito
Instalar FONT em HTML?
Boa tarde, tudo certo? (:
Dessa maneira você não vai conseguir importar pelo link, uma solução para o seu problema é importar a fonte pelo @font-face localmente. É muito simples:
Primeiro, baixe o ...
1
voto
Aceito
Google fontes no react native
Ola,
Fiz um passo a passo para você conseguir instalar e usar a fonte customizada.
Faz download da fonte que deseja usar no google fonts, no exemplo vou usar a Poppins.
Na raiz do projeto cria a ...
1
voto
Bootstrap - Alterar fonte
você pode definir uma classe na tag body ou depois do body criar uma div logo após o body(que é o mais recomendado).
Não recomendo você fazer alteração no arquivo do bootstrap, mas nada impede de ...
1
voto
Como usar uma font Google na hora de imprimir?
Tudo o que você inserir na função writeln será o HTML resultante na nova página para imprimir. Na função de print você adicionou os estilos para a impressão, porém não chamou a fonte desejada. ...
1
voto
Por que as font-face não funcionam de um pc para outro?
Leticia tem alguns detalhes no seu código que vc precisa corrigir.
O primeiro é que vc precisa declarar o nome do Font Family dentro de aspas na .div02
.div02 {
font-family: "Bebas Neue"; /* ...
1
voto
Aceito
Como mudar a font-family de uma só div com ficheiro .tff?
Após baixar a font, vai vim uns arquivos com extensão .ttf, .otf entre outros. Adiciona esses arquivos na pasta do projeto, geralmente eu colo em public/fonts.
Para adicionar e usar a fonte no código ...
1
voto
Bibliotecas de ícones
Podes experimentar estes http://materializecss.com/icons.html embora os da fontawesome, ao meu ver, são os mais bacanos
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
Font Awesome aparece como "blocos" no nginx sob FreeBSD 10.1
Às vezes eu tenho esse problema com o uBlock Origin, que acaba bloqueando o download de fontes do Font Awesome.
Caso seja esta a causa, a solução é simplesmente desbloquear a fonte no uBlock Origin ...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
font × 45css × 24
html × 18
css-font-face × 7
html5 × 5
java × 3
css3 × 3
svg × 3
javascript × 2
c# × 2
wordpress × 2
react-native × 2
icons × 2
css-font-size × 2
laravel × 1
.net × 1
string × 1
twitter-bootstrap × 1
winforms × 1
visual-studio × 1
arquivo × 1
google-maps × 1
webforms × 1
android-fragment × 1
iis × 1