Code Monkey home page Code Monkey logo

fonz's Introduction

fonZ

fonZ searches among the installed fonts
and let the user choose
among those found
which one to use
for the website

html css javascript

fonZ for now has 4 files
1 html example page with css embedded for the page and fonZ
2 js one for fonZ application and the other for a list of fonts - only the name
1 image svg optional for the background

released versione beta zeta 5

restyling
now fonZ is to right and the scroll bar to left
panels change form when fonts are written
button are hidden when the script is searching for fonts
more fonts

released version beta zeta 4

speed because the script was braked
issue now too many movements
progress bar
list redeployed
fonts added
and something always is forgotten

Usage

download the files and put the scripts in a folder named js
and the image in his img folder
or use other names or locations and change the links in the example page
or
download and unzip the zip file
open the example page in a browser and run the script

fonZ can run in any location with or without a webserver
without server fonZ loss some functions and the user cannot save his choice
because fonZ need some cookie for stored the name of fonts found
if it finds something

Usage without the example page

put the code at bottom of example page in your page
put the css code of fonZ in a css file or embedd it
link the scripts
update done though
the script modify the font of body tag
others directive should be prevail
issue need testing

Add more font names

add the names to the script for fonts where are stored the existing font names and in the same format i.e. 'times','another name of font','serif','etc etc',
for now fonZ support until 324 fonts
but is quite simple enlarge that limit

notice - version beta zero 2 was labelled bugged

new version fixed bugs and has a new button

how it works

fonZ writes a phrase in the style of the searched font
comma ungraceful degradation to a generic font
and the same phrase with that generic font
then it reads the width of those phrases using the offset.Width property
if they match it means almost nothing
but
if they don't it means just an installed font
now fonZ stores new name and creates a new font button


start it runs the fonts are ready to be chosen

fonz's People

Contributors

esogeomedismo avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.