I got stuck on a problem and hope some of you can help me out. I created a company web page and integrated Font Awesome.
I made an static version of the page based on HTML5, CSS3, jQuery and all works great.
Due to the fact that my customer can make his own small content editing I tried to implement my static web page into GetSimple CMS.
Everything works just great except for the fact that the Font Awesome fonts are not showing up.
In order to exclude the error that I made an path error with the css or the font files I tried to track them down and addressed them absolut.
In my opinion the files are integrated properly.
Does someone know if theres something special to make when integrating fonts into GetSimple CMS?
It would be nice if someone can give me an advice,
many thanks,
greetings.
Some Images as attachment (Dropbox Folder Link):
https://www.dropbox.com/sh/ajha139zt9kmi7r/qilSDA813w
Instead of hosting the fonts on your site, have you considered using a CDN? Just replace the font awesome CSS call in the head of your template with
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
and you are good to go.
In addition to removing a lot of potential problems, you usually get a performance boost as
well.
Good luck!
Related
For some reason, when I link to CSS in SharePoint, it renders incorrectly. However, when I place the CSS directly in the page or link to it raw through BitBucket, GitHub, or via CDN, it renders the page correctly. Can SharePoint not be used to host Intranet design files like js and css?
Turns out, I needed to host it from the Style Library, where no meta gets attached. Now everything is working perfectly! Thanks for everyone’s help! Hopefully if someone else comes along with the same issue, they’ll see how much thought we went through to troubleshoot it! Appreciate all the effort, everyone! :D
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.
We are working with digital signage software that is pretty much based on HTML. I have generated a code for date and time from free time and date site, which is nice, and it has our language (serbian) supported.
However, there are a few fonts that are predefined which can we chose, none of which is pretty font. I wanted to know if its possible to add a code into it which can call a custom font which i uploaded on our personal storage. Im not that good with HTML, and seeing that this might be the best site for HTML problems on internet i thought that i might ask here
Here is the code:
<iframe src="http://free.timeanddate.com/clock/i4c0bglr/n3395/tlrs36/fn10/fs36/tct/pct/tt0/tb4" frameborder="0" width="504" height="86" allowTransparency="true"></iframe>
thnx in advance
Yes, you can add custom fonts to your CSS.
It's a little bit tricky to get it right, because you need to convert your font file to 5 different file-types, and you then have to get your font-declarations just right. There are tools for this, but I haven't found one that does everything exactly right yet. Here is one.
If you are, as you say, not good with HTML, I would personally recommend Google Web Fonts. It's the easiest way of getting the results that you need fast.
EDIT:
Pure HTML font selection:
<font face="Helvetica">Text text text</font>
(only system fonts)
I had a website hacked a while back and I've been cleaning out the server, changing / updating things, changing passwords etc and one of the things i cant figure out is, why when this website (http://prestigesolar.net/) is viewed on a mobile, the site loads but no style or images come through.
I've checked the header areas of the site for possible mobile stylesheets, .htaccess files, css files themselves for possible #meta screen code or #import etc....hoping id find maybe a bad/hacked path or...or anything to give me a clue, but overall I've mostly found nothing or corrected/removed weird paths etc.
After all this, the site started behaving semi normal but then when viewing the site on a mobile, i would get redirected to a porn site. I kept looking and found other .htaccess files
that when i put onto my system to edit gave me massive trojan warnings etc. I've since removed them all and placed a normal lean one.
Now the site itself is fixed (at least for now) but, when viewing the site on a mobile, it now displays only text.
As far as the website is concerned, its a wordpress based website, standard win server. normal plugins etc and is based on the WP 2010 default theme.
Any ideas as to other things i can look at to correct this issue?
Thanks in advanced.
In the <head> section when you call CSS try instead media="all" to put media="screen".
I remember that sometime ago there was a project of a webkit designed to, for example, if you want to put some images of you website then you can choose the options and the webkit and then just copy the html/css code and it's functional on your site, modifying with php and that's all. You don't have to know css at all, it was great. But i miss the link and I don't have any idea what's the name of the website.
It doesn't work only for images but also menus, links...etc. Thank you!
Sounds like you're talking about an SDK like Dreamweaver.