2012-07-09 13 views
5

Ho un'immagine "guestbook" sulla mia pagina web che utilizzo come casella di accesso. Mantenendo fedele al tema, visualizzo i nomi di ogni persona che ha effettuato l'accesso per leggere quel particolare articolo ed elencare i loro nomi prima delle caselle di login (cercando di creare la sensazione di un vero libro degli ospiti). Certo, alcuni utenti potrebbero voler accedere ma non visualizzare il loro vero nome, quindi ho aggiunto una casella di controllo che consente loro di contrassegnare il loro nome per l'offuscamento.Come rendere il testo su un sito Web visualizzato a mano, ma illeggibile

Ho pensato che il modo più semplice per integrare questo, dal momento che c'è un certo valore per avere il numero corretto di "firme" sul "guestbook", sarebbe avere nomi normali visualizzati in un font di script standard (come Brush Script), quindi avere le linee per i nomi 'nascosti' hanno quello che sembra come la scrittura a mano, ma che in realtà non è leggibile.

L'unico modo in cui potrei pensare di fare questo sarebbe trovare un font non leggibile, definirlo nel css per il browser da scaricare, quindi applicarlo ai nomi nascosti. Per buona misura posso sostituire i nomi reali con una selezione casuale di "John Doe", "Jane Doe", "Jayne Doe", ecc. Nel caso qualcuno veda la fonte. Tuttavia, dopo un'ora di ricerca non sono stato in grado di individuare un font che soddisfi i miei criteri e mi chiedo se ci sia un modo migliore per gestire questo problema.

Quindi speravo che qualcuno potesse suggerire un font che potesse funzionare per le mie esigenze o suggerire una soluzione migliore. Grazie.

+4

Perché non è sufficiente utilizzare un [immagine di sfondo] (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)? –

+1

Esistono diversi suggerimenti sull'utilizzo di un'immagine anziché di un font e questo è un approccio valido. Tuttavia, devo ancora trovare un font illeggibile da usare in quel caso (suggerimenti molto graditi). – Nicholas

+0

Anche se si riuscisse a trovare un font "illeggibile", chiunque sappia quale font si sta utilizzando sarà in grado di decodificare facilmente i nomi, in modo da non dare agli utenti la privacy ... – Tamar

risposta

6

C'è un free font set Mi sono imbattuto in un potenziale per PC e MAC.

La parola stampata caratteri:

enter image description here

La parola scritta di carattere:

enter image description here

Entrambi i campioni di cui sopra sono in 12px.

A causa delle dimensioni ridotte dell'immagine, vengono visualizzate con una qualità del 100% priva di distorsioni (giochi di parole).

Utilizzare lo strumento integrato Windows Font Map Viewer o MAC Font Book per visualizzare tutti i caratteri del file di font.

+0

Arttronics, sembra quasi perfetto. Il dimensionamento sembra un po 'scadente, ma ti darò un'iniezione nell'applicazione stasera o domani e ti faccio sapere come va. Grazie! :) – Nicholas

+0

Se il dimensionamento è un po 'spoglio, utilizzare un diverso 'font-size' per le proprie esigenze. Inoltre, l'uso del visualizzatore di caratteri della mappa dei caratteri ti aiuterà a scegliere i vari segmenti di parola, poiché alcuni spaziano da una virgola in lunghezza a una parola a dimensione intera per ogni pressione di un tasto. Saluti! – arttronics

0

Che ne dici di rimescolare le lettere del nome o di sostituirle del tutto? Puoi semplicemente usare lettere casuali per una persona che non vuole condividere il loro nome. Ad esempio "John" potrebbe diventare "ojhn" o semplicemente "sghj".

+1

Se il carattere è leggibile, questo sarebbe solo disorientante. –

+0

Esattamente i miei pensieri, Joseph. Grazie per il suggerimento MrBigshot. – Nicholas

+0

considera come possiamo leggere le parole - per la maggior parte, non notiamo l'ordine delle lettere interne, quindi l'obsolescenza di questo tipo potrebbe non essere molto efficace. per esempio. le parole * concepiscono *, * offuscamento * e * efficace * in questo commento. –

1

Se il nome deve essere illeggibile, creare alcune immagini in Photoshop con nomi illeggibili e caricarle casualmente con al posto del nome effettivo. Sarebbe molto più semplice e flessibile dell'uso di CSS e di un font speciale.

+0

Questa è una buona idea. In breve, per ogni lettera basta caricare un'immagine invece di visualizzare la lettera vera e propria nel codice. Assicurati di non lasciare tracce di codice o le persone potrebbero approfondire la questione. – casraf

+0

Grazie, sono d'accordo. Anche se questo suggerimento, come il mio piano originale, si basa sul fatto che ci sia un font là fuori progettato per apparire come la scrittura a mano, ma non essere leggibile. Eventuali suggerimenti? – Nicholas

+0

Non conosco caratteri illeggibili diversi da quelli come Wingdings, ma potresti provare a usare Photoshop o Gimp per pixelare o sfocare alcune parole senza senso. – woz

Problemi correlati