¿Como alternar entre los distintos estilos de una fuente en CSS? (Google Fonts)
Stack Overflow en español Asked by LA MAGIA NEGRA on February 12, 2021
Estoy agregando fuentes de Google Fonts, y estoy en esta situación:
Como se puede ver, estoy usando la fuente Oswald y dentro de esa fuente añadí dos estilos distintos (Extra-light 200 y Medium 500). Mi duda es, como alterno entre estos dos estilos distintos en CSS? Porque por defecto me pone el último que añadí (Medium 500)
2 Answers
Dentro de tu css debes utilizar font-family: (nombre de la letra seleccionada); te adjunto un ejemplo:
#contenedor{
width: 50%;
background-color: aliceblue;
font-size: 40px;
font-family: Langar;
text-align: center;
border-radius: 90px;
}<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="ruta/archivo.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Langar"> <! -- este link rel te conecta a la página de google fonts para que puedas acceder desde el CSS, justo donde pone family=Comfortaa está tu fuente que en este caso es comfortaa -->
</head>
<body>
<div id="contenedor">
<p> Un ejemplito </p>
</div>
</body>
</html>Answered by V1CTOR on February 12, 2021
Así como usas para negrita bold, para Google Fonts, usas el número correlativo al tipo de fuente, por ejemplo:
Usa:
p {
font-weight: 500;
}
Answered by Elboy on February 12, 2021
Add your own answers!
Ask a Question
Get help from others!
Recent Questions
- How can I transform graph image into a tikzpicture LaTeX code?
- How Do I Get The Ifruit App Off Of Gta 5 / Grand Theft Auto 5
- Iv’e designed a space elevator using a series of lasers. do you know anybody i could submit the designs too that could manufacture the concept and put it to use
- Need help finding a book. Female OP protagonist, magic
- Why is the WWF pending games (“Your turn”) area replaced w/ a column of “Bonus & Reward”gift boxes?
Recent Answers
- Peter Machado on Why fry rice before boiling?
- Jon Church on Why fry rice before boiling?
- Joshua Engel on Why fry rice before boiling?
- Lex on Does Google Analytics track 404 page responses as valid page views?
- haakon.io on Why fry rice before boiling?