I am using sifr3 in my website. I have uploaded the website on a real server and I realized that the sifr3 fonts are only visible when I'm browsing the page from my computer. I have uploaded all the essential files and I don't understand what might be broken. Can you help me please?
This is the link to the test website:
http://www.artabout.gr/idiston/
(look at the h1 headings, the menu is using images, not sifr)
You need to embed the font
http://www.bethinkerconcepts.com/2009/06/embedding-fonts/
Related
I have a rails 4 app.
My font awesome icons have worked until recently. Now, instead of my social media icons, i have black squares (I can't see why those have replaced the coloured icons I've been using). The links work. The tags are the same as they always have been and the same as the font awesome directions.
I installed font awesome using the sass gem. I require font-awesome, just above self in my application.css.scss.
I have the current gem installed (4.2.0).
For what it's worth - this is my footer with the links I'm using:
<i class="fa fa-youtube fa-2x"></i>
Any advice?
Thank you
You can use Chrome developer tools, firebug or any similar type of tools to check a few things. Firstly you want to make sure the font has downloaded. Using the network tab of Chrome developer tools, you can see outgoing requests and the responses that were made in order to serve the page. Check to see if a request was made for the font file.
Two possible scenarios are the
No request was made for the font. This would indicate a problem with your font declarations in the #media query of your CSS file.
A request was made for the font but it returned an error code.
If an error code is returned you need to determine why that is the case. For example a 404 indicates that the server could not locate the requested file in the specified location, so obviously you need to check that the file is there. Another thing to check is that the web server is configured to respond correctly to requests for fonts by serving the files. I have come across cases where 404 errors are thrown because the web server does not serve, or is explicitly disallowing requests for .woff files, which makes the 404 error somewhat misleading.
If the request for the font files is being made and the server is responding with a success code (200, 302 etc), then it may be a problem with the styling of your HTML element.
Using the tools mentioned above you can also 'Inspect' the HTML element, generally by right clicking on it and selecting a menu option along those lines (In chrome it is 'Inspect Element'). You should be able to see a rundown of each element and where the styles are coming from similar to this image.
There you should be able to find out if something is overriding your styles.
I'm unable to link to PDF documents on a mobile site using jQueryMobile.
The link is opened with the jQueryMobile-effects and displays a page with the text "undefined".
Any help is appreciated!
Add data-ajax=false to your link pdf Since pdf is not supported on alot of phones you may want to explore something like this http://www.labnol.org/gadgets/ipod/read-pdf-text-email-on-ipod-mobile-phone/1929/
You may want to consider integrating in pdf.js. It seems to be an option considering some mobile devices don't directly support pdf's.
http://mozilla.github.com/pdf.js/
i have tinymce embedded in my website, so if users want to edit content, then can click on an "EDIT" link and it brings up the content in tinymce editor. when they click "Save", i save the html to a database. this works perfect and avoids them calling me when they need content changes as they can go in directly and next time they reload the main page, it loads up their changed content.
they now want to be able to add their own images. I see there is some image support in tinymce as seen here, but in my case, the images would be on their computer.
So i am looking for some advice on how to handle image support using tinymce on my asp.net mvc website similar to how stackoverflow allows you to upload and include an image in your question all in one step
any suggestions?
I guess you need to take a look here:
Best TinyMce editor Image Manager / File upload for Asp.net Mvc
it has a list of tinyMCE file browsers/uploaders/managers which work with MVC :)
I had a similar issue and solved it by;
Allowing the user to upload images which i then stored in the file system.
Once the image was saved then you could use tinyMCE to link to it.
It's a round-about way of doing it but it worked. If your images are stored on a users computer then you're going to need to implement something like this me thinks as you can't assume you can link to the image and if you can you can't be sure the computer will be on.
Maybe you can give this TinyMCE-plugin a try (the official Moxiecode plugins are quite expensive):
http://www.phpletter.com/Demo/Tinymce-Ajax-File-Manager/
I haven't tested it yet, but it's a free add on that allows uploading and selecting files.
HTML 5 supports embedded images. You can embed image in html code as a base64 string.
Example Code:
<img src="data:image/gif;base64,R0lGODlhDwAPAKECAAAAzMzM/////wAAACwAAAAADwAPAAACIISPeQHsrZ5ModrLlN48CXF8m2iQYmmKqVlRtW4MLwWACH+H09wdGltaXplZCBieSBVbGVhZCBTbWFydFNhdmVyIQAAOw==" alt="Base64 encoded image" width="150" height="150"/>
There is a opensource TinyMCE plugin available in github:
https://github.com/buddyexpress/bdesk_photo
I currently use a PDF-to-Flash to allow for users to flip thru pages of uploaded PDFs. However, with so many using iPhones/iPads I would like to switch this to a solution which works with any browser.
The site is developed in Ruby on Rails and I have looked into using pdf-toolkit and rmagick to convert the PDFs to images but it's not enough since I want the pages to scale with the browser window - SVG is not an option since I need for it to work w/ IE6 ;)
Any ideas?
Thx,
G
Why don't you use http://docs.google.com/viewer ?
http://googlesystem.blogspot.com/2009/09/embeddable-google-document-viewer.html
It's really simple, and it isn't Flash (can serve iPhone users too :D). Just add this to the view:
<iframe src="http://docs.google.com/viewer?url=#{YOUR_PDF_URL}&embedded=true"
style="width:600px; height:500px;" frameborder="0"></iframe>
Another option is a digital publishing platform like the one from Zmags. It converts a PDF to Flash, but when viewed on mobile devices it transforms into a swipeable version. Loads fast too.
I'm Using sIFR 3r436, and although I believe everything is set up correctly, and my console shows that the .swf font file is loading correctly, the HTML type is hidden but the sIFR type is not displaying. Below is a link to the site in question:
Schaffer's Website
Below is a link to a test site that uses exactly the same sifr-config.js, sifr.js, css, and swf files. And it works. The main difference between the two is the server that they are running on.
Schaffer's Test Site
I'm hoping that maybe somebody can see a problem that I'm unable to. Appreciate the help!
The server gives a 403 forbidden for the Flash movie – in other words, it does not load.