Wednesday, November 30, 2011
Custom Web Fonts with Font Dragr
Do you like this story?
Today, I am going to share one app which is powered by HTML5/CSS3 named Font Dragr and it is used to testing custom web fonts. Font dragr is a tentative web app which uses HTML5 & CSS3 to create a useful separate web based application for testing custom fonts.
This custom web font app allows users to drag and drop your truetype (ttf), opentype (otf), scalable vector graphics (svg) or Web Open Font Format (WOFF) fonts into the webpage which give instant preview of how the font will be rendered in the browser.
This app is useful to web designers and it is also used by web designers in professional Atlanta web design company, because it allow them to preview how embedded fonts will cause to be in their target browsers without write any code of html/css and also without upload any files via ftp. This app is dependence upon Firefox’s drag and drop functionality so it work only on some version of Firefox.
This custom font dragr app is also boasts a number of CSS3 features in its design include, These features are as below.
Custom fonts with @font-face
Gradients
Rounded corners using border-radius
Drop shadows with text-shadow & box-shadow
Attribute and pseudo selectors
Multiple border colors
Box model adjust using box-sizing
This custom web font app allows users to drag and drop your truetype (ttf), opentype (otf), scalable vector graphics (svg) or Web Open Font Format (WOFF) fonts into the webpage which give instant preview of how the font will be rendered in the browser.
This app is useful to web designers and it is also used by web designers in professional Atlanta web design company, because it allow them to preview how embedded fonts will cause to be in their target browsers without write any code of html/css and also without upload any files via ftp. This app is dependence upon Firefox’s drag and drop functionality so it work only on some version of Firefox.
This custom font dragr app is also boasts a number of CSS3 features in its design include, These features are as below.
Custom fonts with @font-face
Gradients
Rounded corners using border-radius
Drop shadows with text-shadow & box-shadow
Attribute and pseudo selectors
Multiple border colors
Box model adjust using box-sizing
This post was written by: Franklin Manuel
Franklin Manuel is a professional blogger, web designer and front end web developer. Follow him on Twitter
Subscribe to:
Post Comments (Atom)
0 Responses to “Custom Web Fonts with Font Dragr”
Post a Comment