Para cambiar el tamaño de fuente de cualquier texto, podemos usar la propiedad CSS font-size , o algunas palabras clave HTML tienen un tamaño de fuente fijo, pero también las cambiamos usando esta propiedad CSS.
Sintaxis:
font-size: medium|xx-small|x-small|small|large|x-large| xx-large|smaller|larger|length|initial|inherit;
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<title>
CSS font-size property
</title>
<!-- CSS style to set font-size property -->
<style>
.xxsmall {
font-size:xx-small;
}
.xsmall {
font-size:x-small;
}
.small {
font-size:small;
}
.medium {
font-size:medium;
}
.large {
font-size:large;
}
.xlarge {
font-size:x-large;
}
.xxlarge {
font-size:xx-large;
}
</style>
</head>
<body>
<h1>Changing the Font Size</h1>
<div class = "xxsmall">font-size: xx-small;</div>
<div class = "xsmall">font-size: x-small;</div>
<div class = "small">font-size: small;</div>
<div class = "medium">font-size: medium;</div>
<div class = "large">font-size: large;</div>
<div class = "xlarge">font-size: x-large;</div>
<div class = "xxlarge">font-size: xx-large;</div>
</body>
</html>
Producción:
tamaño de fuente
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA