0

Quisiera que me digan el codigo entero de una página web vacia en HTML que solo contenga un elemento tipo input text donde se pueda escribir en una fuente especifica como Comic Sans MS

Yo probe así pero no me funciono:

<html>
<head>
</head>
<body>
  <input type="text" font-family="helvetica">
</body>
</html>

Muchas gracias.

2
  • Puedes descargar o usar las fuentes gratuitas de google(aqui) Solo es que añadas el <link> para añadir la letra y definas en css que campos lo tomaran. Te adjunto un ejemplo sencillo ejemplo Commented el 7 mar. 2018 a las 23:26
  • Sugerencia: leer más sobre cómo funciona CSS. Te han dado varias sugerencias pero parece que hay vacíos en conceptos básicos que impiden que uses de forma eficiente las respuestas.
    – Alfabravo
    Commented el 31 jul. 2019 a las 19:29

2 respuestas 2

1

puedes usar CSS

HTML

<body>
  <input type="text" class="input1">
</body>

CSS

.input1 { 
   font-size: 24px; 
   font-family: monospace; //aqui estableces el tipo de fuente
}
2
  • El CSS lo pongo en head o en body?
    – NotNu
    Commented el 8 mar. 2018 a las 15:37
  • en donde tu quieras, incluso en el input le puedes poner la propiedad Style=" ....codigo css " y su codigo css Commented el 8 mar. 2018 a las 19:37
0

Lo que has hecho es poner font-family como un atributo HTML, lo cual no es correcto. Para modificar la fuente de un elemento html, necesitas utilizar CSS.

Aquí te dejo el ejemplo:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		input {
			font-family: helvetica;
		}
	</style>
</head>
<body>
	<input type="text">
</body>
</html>

Cualquier duda, deja un comentario.

2
  • Como puedo poner mas fuentes como Comic Sans MS?
    – NotNu
    Commented el 8 mar. 2018 a las 15:36
  • Si es una fuente externa, es un procedimiento diferente. Si no valdría con poner el nombre de ella. Luego actualizo la pregunta
    – MigherdCas
    Commented el 9 mar. 2018 a las 18:18

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.