1
votes

rendre le texte en double gras - feuilles à l'échelle

Y a-t-il un moyen d'augmenter l'intensité de l'audace de l'appliquer deux fois?

J'utilise ce style sur mon texte:

  numbers: {
    fontSize: 30,
    color: '#31C283',
    fontWeight: 'bold',
  },

Est-ce possible de le rendre double / plus gras sans augmenter la taille de la police?

javascript reactjs typescript react-native css

4 commentaires

Le gras n'est pas une opération comme la taille de la police. En fait, lorsque vous créez une police, vous créez une police normale, une en italique et une en gras.

vous pouvez utiliser une police personnalisée et utiliser developer.mozilla.org/fr/ docs / Web / CSS / font-family pour avoir un effet comme celui-ci.

essayez fontWeight: '900' Font Weight peut prendre des valeurs numériques valeurs.

cette page l'explique: developer.mozilla.org/fr/docs/Web / CSS / font-weight

3 Réponses :

1
votes

vous pouvez utiliser une propriété d'ombre de texte comme celle-ci

<h1 style="text-shadow: 2px 0px 1px #000;">This is h1 tag</h1>

0 commentaires

1
votes

Pour mettre un nombre en double gras, vous pouvez utiliser ce code

numbers: {
   font-size: 30;
   color: hex;
   font-weight: 800;
}

Je pense que cela fonctionnera.

0 commentaires

3
votes

Vous pouvez légèrement ajuster l'épaisseur en définissant des valeurs numériques dans la propriété fontWeight .

Outre bold , la propriété fontWeight peut également gérer des valeurs numériques, telles que 100 pour très fin et 900 pour très épais.

Pour autant que je sache, fontWeight: 'bold' a la valeur numérique fontWeight: '700' .

Donc:

fontWeight: '900' devrait être légèrement plus épais que fontWeight: 'bold'

Eh bien, ce n'est pas le "double" que vous demandez réellement, mais peut-être que cela vous aide un peu.

Source: https://www.w3schools.com/cssref/pr_font_weight.asp

Si vous voulez avoir un texte "plus audacieux" que fontWeight: '900' vous devrez utiliser des "tricheurs visuels", e. g. une autre famille de polices ou text-shadow.

Voici un exemple:

<div style="font-weight:900;">I am the highest font-weight value 900</div>
<div class="doublethick">But I am even thicker :)</div>

<style>
.doublethick {
	color:#000000;    
	text-shadow: 0.5px 0 #000000;
	letter-spacing:1px;
	font-weight:bold;
}
</style>

0 commentaires