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