spazio verticale strano sul testo
Domanda
Ho un problema strano con un testo @ font-face in cui v'è qualche strano imbottitura (o almeno lo spazio verticale) in dotazione con il testo. Si sta causando problemi perché voglio il testo per essere posizionato in un certo modo, ma non può avere la sovrapposizione altre cose. Ecco una foto di ciò che sta accadendo:
Come si può vedere quando si seleziona il testo, il testo si sovrappone un po 'della barra di navigazione sopra di esso. Ho provato regolando l'altezza della linea e padding, margini, qualcosa che posso pensare. Qui è il CSS, qualcuno ha un suggerimento su come posso ottenere l'altezza della linea a circa l'altezza del testo vero e proprio.
*{ margin: 0; padding: 0; }
h1#logo { font: 350px/.95 'Bebas Neue'; color: #DDD; text-align: center; margin: 1px 0; }
Modifica : Ecco un esempio vivo del problema: http: / /codezroz.com/stuff/hello.html
Soluzione
mai visto la sintassi /.95
prima, ma dopo un paio di prove di oggi I belive funziona così:
line-height = 0.95 * font-size = 332.5
Quindi penso che il tuo problema, il tipo di carattere è più alto rispetto alla linea
aggiungendo overflow: hidden;
sulla H1 dovrebbe essere abbastanza
Altri suggerimenti
Bene, applicando overflow: hidden
al h1#logo
fermato l'evidenziazione di selezione da sanguinamento in aree che erano al di fuori del elemento.
Anche ricordare che è possibile utilizzare il :selection
pseudo-elemento per cambiare il colore di il testo selezionato.