I am absolutely a novice in the field of html / css programming. I have a font file with extension .woff etc. I know, I may upload it on a server and later on use it with the help of css files generated from tools like fontsquirrel. However, I want to explore the option of getting the font into simple html or css codes so that I may use it on forums like blogger without having to host the font file elsewhere. Is it technically possible? Thank you.
Related
I've been using Font Awesome for a little bit on some of my projects and I have created a bunch of my own icons that I can link locally without a problem; however, I want to be able to link the icons I made from an online source like Font Awesome do and serve them publicly, how exactly is this achieved?
You need to have icon in SVG format that you have created,
then you can use this, it will generate all the necessary font types, CSS/Sass/Less/Stylus , HTML demo page and Name font according to your wish.
Gruntt Web Font
I did a bit of Googling for you to find somewhere for your to offer your files.
You will need to create a font from your SVG files, I use fontastic.me and it's very good, but you could use another service.
You will then need to create a package of your files, and put it on a CDN service so that other people (or just you) can use it publicly. You can try using something like https://www.jsdelivr.com/ or look into how to set up your own CDN.
I have developed at a moment a custom Wifi Agreement page for my router.
I want to use a specific Webfont "Folio W01 Light".
all CSS styles, javascript, needs only to be in this .html, so I am not allowed to outsource something.
I am actually already using inline .svg, is there something similar for fonts?
Thanks
Convert the font to data URI and paste that to your HTML
I want to convert a HTML report to PDF with CSS. I have look through the google and I found jsPDF. But the problem with jsPDF is that it does not supprt CSS. To make the CSS work I have used html2canvas. But it does not work properly.
Can anyone suggest me a better solution?
If it's for your own use, install a pdf printer driver on your computer (there are loads of them if you google, but you probably already have one installed anyway) then just print the report to pdf.
I am migrating from using the standard JPG and PNG to using SVG files for images to maintain a high quality. I am creating images in Photoshop, saving them as PSD opening them in Illustrator and saving them as SVG and finally uploading them to my website, pure vector images seem to work fine, however I am having a problem with text being rendered correctly. Does anyone know what might be causing this?
I have a link with an example here http://liamhodnett.com//img/case-study/wags-whiskers/banner.svg
Thanks guys!
Convert the text to paths in Illustrator.
If the font is not installed on the user's machine its rendering gets weird. If you have a logo or similar you should convert all text to paths to be safe, except it is of semantic importance to you.
You'll need to convert the SVG files into a workable webfont.
You can use a free web-service such as http://www.icomoon.io and upload/convert the files as needed, and download a working/converted zip file with all you need.
If your running a WordPress site, I've developed a plugin that will allow you to upload SVG files to icomoon, download the .zip and then upload the .zip to the plugin. From there all the icons you've included in the .zip will be useable on your site with no code on your end required.
http://wordpress.org/plugins/svg-vector-icon-plugin/
Good luck!
Just wanted to know if I can use Cufon in Dreamweaver via plugin or something ? or will I have to insert the code manually ?
Regrads,
Netguy
Since Cufon is just a text replacement mechanism with javascript, you'll have to include it in your document manually. If you just want to see how your site will look with that font, you could put it in your font directory and include it in the fontlist of dreamweaver so you can see how it will appear as you work. Of course, this means you need to have the font locally and it will only work for you.