Cómo hacer que el texto de un sitio web aparezca escrito a mano, pero ilegible

Tengo una imagen de 'libro de visitas' en mi página web que utilizo como recuadro de inicio de sesión. Manteniéndome fiel al tema, visualizo los nombres de cada persona que ha iniciado sesión para leer ese artículo en particular y poner sus nombres antes de los cuadros de inicio de sesión (tratando de crear la sensación de un libro de visitas real). Por supuesto, algunos usuarios pueden querer iniciar sesión pero no mostrar su nombre real, por lo que agregué una casilla de verificación que les permite marcar su nombre para la ofuscación.Cómo hacer que el texto de un sitio web aparezca escrito a mano, pero ilegible

Pensé que la forma más sencilla de integrar esto, ya que tiene cierto valor tener el número correcto de 'firmas' en el 'libro de visitas', sería tener nombres normales en una fuente de script estándar (como Brush Script), luego las líneas para los nombres 'ocultos' tienen lo que parece escritura a mano, pero eso no es realmente legible.

La única forma en que podría pensar en hacer esto sería encontrar una fuente ilegible, definirla en el CSS para que el navegador la descargue y luego aplicarla a los nombres ocultos. Por si fuera poco, puedo reemplazar los nombres reales con una selección aleatoria de "John Doe", "Jane Doe", "Jayne Doe", etc. en caso de que alguien vea la fuente. Sin embargo, después de una hora de búsqueda no he podido encontrar una fuente que cumpla mis criterios, y me pregunto si hay alguna forma mejor de manejar este problema.

Así que esperaba que alguien pudiera sugerir una fuente que pudiera funcionar para mis necesidades, o sugerir una solución mejor. Gracias.

Fuente

2012-07-09 Nicholas

Por qué no simplemente usar una [imagen de fondo] (https://www.google.com/search?q=unreadable+signature&hl=en&prmd=imvns&tbm=isch&tbo=u&source=univ&sa=X&ei=xyv7T-7mBYGK6QG746HbBg&ved=0CEgQsAQ&biw=1920&bih = 955)? –

Hay varias sugerencias para usar una imagen en lugar de una fuente, y ese es un enfoque válido. Sin embargo, todavía debo encontrar una fuente ilegible para usar en ese caso (sugerencias más bienvenidas). – Nicholas

Incluso si puede encontrar una fuente "ilegible", cualquier persona que sepa qué tipo de letra está utilizando podrá decodificar fácilmente los nombres, de modo que no le dará a sus usuarios privacidad ... – Tamar

Hay un free font set que he encontrado que podría interesarle tanto para PC como para MAC.

La palabra impresa Fuente:

enter image description here

La palabra escrita de letra:

enter image description here

Ambas muestras anteriores son en 12px.

Debido a las pequeñas dimensiones de la imagen, se ven con una calidad 100% sin distorsiones (juego de palabras).

Utilice el built in Windows Font Map Viewer o MAC Font Book para ver todos los caracteres del archivo de fuente.

Fuente

2012-07-10 07:40:17 arttronics

Arttronics, eso parece perfecto. El tamaño parece un poco escaso, pero le daré una oportunidad en la aplicación esta noche o mañana y le contaré cómo va. ¡Gracias! :) – Nicholas

Si el tamaño está un poco apagado, use un 'tamaño de fuente' diferente para sus requisitos. Además, usar el visor de fuentes del mapa de caracteres lo ayudará a elegir los diversos segmentos de palabras, ya que algunos varían desde una coma de longitud hasta una palabra de tamaño completo por cada pulsación de tecla. ¡Aclamaciones! – arttronics

¿Qué tal revolver las letras del nombre o reemplazarlas por completo? Puedes usar letras al azar para una persona que no quiere compartir su nombre. Por ejemplo, 'John' podría convertirse en 'ojhn' o simplemente 'sghj'.

Fuente

2012-07-09 19:09:36 casraf

Si la fuente es legible, esto sería simplemente desorientador. –

Exactamente mis pensamientos, Joseph. Buth gracias por la sugerencia MrBigshot. – Nicholas

considera cómo concebimos las palabras: en su mayor parte, no notamos el orden de las letras internas, por lo que una objeción de este tipo podría no ser muy eficaz. p.ej. las palabras * concebir *, * ofuscación * y * eficaz * en este comentario. –

Si el nombre debe ser ilegible, haga algunas imágenes en Photoshop de nombres ilegibles y cárguelos aleatoriamente en lugar del nombre real. Eso sería mucho más fácil y más flexible que usar CSS y una fuente especial.

Fuente

2012-07-09 19:10:08 woz

Es una buena idea. En resumen, para cada letra solo cargue una imagen en lugar de mostrar la letra real en el código. Asegúrese de no dejar rastros de código o las personas podrían profundizar en él. – casraf

Gracias, estoy de acuerdo. Aunque esta sugerencia, al igual que mi plan original, se basa en la existencia de una fuente diseñada para que parezca escritura pero no legible. ¿Alguna sugerencia? – Nicholas

No conozco ninguna fuente ilegible aparte de fuentes como Wingdings, pero podría intentar usar Photoshop o Gimp para pixelar o difuminar algún galimatías. – woz

Cómo hacer que el texto de un sitio web aparezca escrito a mano, pero ilegible

Respuesta

Cuestiones relacionadas