Font Picker select box with previews - css

I have an online logo maker tool, and I want to give users the option to choose a font from a selection of about 100 free web fonts I have collected.
The best way to do this would be in a form select box, where each font was displayed as an option in the select, see example:
Unfortunately there doesn't seem to be any way to achieve this using CSS, so I have been looking at 3rd party plugins.
I found a very nice script by Bootstrap Form Helper which lets you display a select box of the user's device fonts, and one which displays a selection of Google Web Fonts as a select box, but neither of these quite fit my purpose. (The fonts are not on the users device, or hosted by Google).
I want to do exactly the same thing, but with a list of ".ttf" files from my server, for example:
[
"Alakob" : "http://www.example.com/fonts/Alakob.ttf",
"Baron Neue" : "http://www.example.com/fonts/Baron-Neue.ttf",
"Casper" : "http://www.example.com/fonts/Casper.ttf",
"Damion" : "http://www.example.com/fonts/Damion-Regular.ttf",
...
]
Does anyone know if either of these scripts could be amended to display a list of font files I provide as a JSON or XML feed, rather than the fonts on the user's device, or from Google font?
Many thanks for reading!

Related

All font families look the same in Firefox

The fonts in all websites look the same, despite them being different in preferences. I also have the "Allow pages to choose their own fonts, instead of your selections above" box ticked.
For instance, https://en.wikipedia.org/wiki/Font_family_(HTML) looks like this for me.
Any ideas? Many thanks.
As the article text and table both state: what is displayed depends on what font files are installed through your computer's operating system (or in Web pages, installed as links to web font files).

can the fast report toolbar icons be completely replaced?

I'm working with fast report and I would like to change their default preview toolbar.
I need to replace some of the icons with icons of my own, and I need the ability to add my own custom buttons.
I looked at this thread from their support.
It mentions how to just change the icons to other fast-report provided icons, but I need to put in custom icons and add new buttons.
Has anyone done this before? Or knows whether this is possibly with FastReport.
If you have the professional edition of fastreports you have access to the source code.
I have heard of people editing this and recompiling to create thier own custom preview window

IE8 doesn't display embedded web fonts -- on any site

From what I understand, IE 8 should display embedded fonts, however my version substitutes generic fonts -- not just for my code, but on other sites, even when the CSS is properly IE-hacked (for example, this sample displays all the IE-hacked properties for me (shadows, etc.), except for the embedded font).
I'm wondering if there is a setting in IE8 that would cause this? I'm on a heavily locked-down work computer (this is why I'm using IE8), so that may have something to do with it, though I'm not sure why this would affect font-face specifically.
Any help would be greatly appreciated!
From http://msdn.microsoft.com/en-us/library/ms533034(v=vs.85).aspx
On the View menu, click Options and then click the Security tab.
Select Custom and click Settings.
Scroll to the Downloads section.
Change the Font Download setting from Disable to Enable.

Set Nautilus file icon per extension

Is it possible to change the icon (not the emblem) of a file in Nautilus' icon view mode by means of its extension interface?
It would be cool, I think, to see the album covers of MP3 files of embedded ID3v2 APIC frames while browsing folders with music. Until now, I am able to extract the picture and I copypastehacked some example code to add emblems and menu items to Nautilus. But neither the column provider nor the file info provider offer an obvious way to change the icon.
Another answer suggests using gvfs-set-attribute, but I would rather extract the icon dynamically instead of creating a lot of unnecessary files somewhere.
Thanks in advance for any helpful suggestions!
No, not with the extension interface. The canonical way to create individual icons is to register a so called "thumbnailer" in the gconf database under /desktop/gnome/thumbnailers. For ID3v2 APIC frames, solutions are already available.

How to access iPhone Simulator's images

Is there any way to access the internal images that the iPhone simulator uses?
For example, if I want to get the original image used for one of the default app icons (e.g. Contacts). This way I could get the highest possible resolution, and examine it for purposes of creating similar icons for my app.
Another example of an image I might want to access is the default icon for a contact:
I'm not asking for a programmatic solution (although that would work), I'm asking for a manual solution, possibly navigating the Simulator's file system using Finder.
You can find the apps at e.g. /Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator4.1.sdk/Applications. The icon of Contacts is at /Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator4.1.sdk/Applications/Contacts.app/icon.png or icon#2x.png. But you can't easily read them, as they are in a strange format (it's not standard PNG), you need to convert them. See for example this article or this article.
EDIT: added two more links for iphone icon images.
You dont need to do this.
Just grab a User Interface Kit:
Heres a website you can go to to download the .psd files which you can use for your self for free:
http://webdesignledger.com/freebi
For another library of iphone icons. This one includes the contacts icon:
http://www.iphonestudio.co.uk/page/iphone_icon_gallery
And here are the iphone icons on the main screen made downloadable for your own use.
here are official icons in different sizes.
check the quality of the Photos icon.
wow.
http://www.iconarchive.com/category/application/iphone-icons-by-judge.html
Hope this helps.
Let me know if it did
PK

Resources