CSS letter cut off. How to display entire text? -



CSS letter cut off. How to display entire text? -

i have problem text in header. utilize google fonts (pinyon script) , 1 of letters cutting off. don't understand why... tried overflow properties doesn't work. problem header in pinkish on www.x4v1.com/cecile/ when screen width between 935 , 970 pixel. first l of sec word cutting off , show text. help me please ? thanking in advance.

on chrome :

you're doing wrong way around. font using getting out of it's inherited size (line-height, letter-spacing , on). hence should give h1 element big size, , span element smaller size.

to prepare following:

<h1 id="myheader"> c<span class="lowerfont">écile</span> l<span class="lowerfont">astchenko</span> </h1>

than add together next css

#myheader { font-size: 6em; } .lowerfont { font-size: .75em; }

css text

Comments

Popular posts from this blog

java - How to set log4j.defaultInitOverride property to false in jboss server 6 -

c - GStreamer 1.0 1.4.5 RTSP Example Server sends 503 Service unavailable -

Using ajax with sonata admin list view pagination -