anyone know how i would get the text like this.

 

the part i want is the skylite.

 

if anyone knows of tutorials please let me know.

 

thanks

Don't think you would be able, something similar would be to wrap each letter in a span tag or something, then using font-size and the CSS3 skew property, change each letter according. However, they would only make the letters change the degree of rotation rather than warping it like you want.

 

TL;DR use an image