broken fonts

paulpegg · 2015-08-21 00:24:24

Rob and Ben have been helping with gallery migrations problems in the last few weeks and all of that has been sorted out. The migration of my CE3 galleries failed and Ben reversed the migration and advised that I retain them as CE3 galleries. The site http://www.lesmarmitonsnj.com is working fine except for one last niggling problem. The CE3 nav bar has the broken fonts problem. i put the fix in the .htaccess file that Rob sent me but the problem persists.

There are two phplugins.php files. One for CE4 galleries and one for CE3 galleries. The nav bar items Our Events are tagged with (CE4) or (CE3) to help understand which version is being called. The top item in the dropdown is a CE4 Album. The rest are CE3 Albums. If you click on a CE3 dropdown the awesome font disappear. Open one of the Albums and they come back, still using the CE3 nav bar.

I believe that this is caused by an error on the site root being incorrect someplace. I did find a number of references that used http://lesmarmitonsnj.com rather than http://www.lesmarmitons.com. I have scoured the site for incorrect references and correct all that I found, but the problem persists. The htaccess fix was intended to redirect to avoid this problem fut it doesn't do the trick.

Any thoughts?

Here is the htaccess file I am using:

<IfModule mod_headers.c>
<FilesMatch "\.(eot|font.css|otf|ttc|ttf|woff)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>

# Web fonts
AddType application/font-woff woff
AddType application/vnd.ms-fontobject eot

# Browsers usually ignore the font MIME types and sniff the content,
# however, Chrome shows a warning if other MIME types are used for the
# following fonts.
AddType application/x-font-ttf ttc ttf
AddType font/opentype otf

# Make SVGZ fonts work on iPad:
# https://twitter.com/FontSquirrel/status/14855840545
AddType image/svg+xml svg svgz
AddEncoding gzip svgz

</IfModule>

# rewrite www.example.com _ example.com

<IfModule mod_rewrite.c>
RewriteCond %{HTTPS} !=on
RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
RewriteRule ^ http://%1%{REQUEST_URI} [R=301,L]
</IfModule>

Thanks,

Paul

Last edited by paulpegg (2015-08-21 00:26:16)

rod barbee · 2015-08-21 00:32:42

the broken web fonts are in more than the menu. You'll see them in the footer too.

I seem to remember that when you disabled the htaccess that the web fonts reappeared? Or was that only for the CE3 Autoindex pages and they were then broken for the CE4 pages?

Rod

paulpegg · 2015-08-21 01:43:38

The htaccess is disabled now and there has been no change.

We did see that reversal but it does not happen right now. One reason may be that I searched the entire site for missing www's and inserted them every place I found lacking. I used Find http://lesm and replace with http://www.lesm.

I paid particular attention to the CE3 autoindex template which is SeasonIndex and is in the ttg-be templates>autoindex folder. The HOOK to phplugins was calling the CE4 plugins.php rather than the ce3 version. I fixed that but it had not effect.

What is really crazy is that the fonts reappear in the CE3 nav bar after you open one of the Albums in a CE3 set.

rod barbee · 2015-08-21 03:23:48

I may have found something. Are you using the latest version of CE3 Autoindex?

Because I noticed a difference in the page code between your CE3 Galleries and CE3 Autoindexes

In CE3 autoindex I see this:

<style>
    /* in HTML as workaround for Selectivizr bug in IE8 */
    @font-face {
        font-family:'FontAwesome';
        src:    url('http://www.lesmarmitonsnj.com/resources/font/fontawesome-webfont.eot');
        src:    url('http://www.lesmarmitonsnj.com/resources/font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
                url('http://www.lesmarmitonsnj.com/resources/font/fontawesome-webfont.woff') format('woff'),
                url('http://www.lesmarmitonsnj.com/resources/font/fontawesome-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal
        }
    </style>

in the CE3 Gallery source I see this:

<style>
    /* in HTML as workaround for Selectivizr bug in IE8 */
    @font-face{
        font-family: 'FontAwesome';
        src:          url('./../../../publisher/templates/EVENT_Gallery_Template_8_10_2013/resources/font/fontawesome-webfont.eot?v=3.2.1');
        src:          url('./../../../publisher/templates/EVENT_Gallery_Template_8_10_2013/resources/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),
                      url('./../../../publisher/templates/EVENT_Gallery_Template_8_10_2013/resources/font/fontawesome-webfont.woff?v=3.2.1') format('woff'),
                      url('./../../../publisher/templates/EVENT_Gallery_Template_8_10_2013/resources/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),
                      url('./../../../publisher/templates/EVENT_Gallery_Template_8_10_2013/resources/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
        font-weight:  normal;
        font-style:   normal
        }
    </style>

note the difference in how the font-awesome fonts are being called. Gallery specifies a specific font-awesome version (3.2.1) whereas the Autoindex does not.

Looking at the CE3 Autoindex change log you'll see that font-awesome 3.2.1 was added in Autoindex 6.1.3

So if those indexes are not using the latest CE3 Autoindex, be sure to to update the template you're using

paulpegg · 2015-08-21 08:27:33

I am using CE3 AutoIndex 6.16. I redid the template for SeasonIndex and installed it. No difference. Good try.

Paul

rod barbee · 2015-08-21 08:54:40

I actually copied that part of the code from above (the one with the specific Font-Awesome version) and pasted it into the end of your inline css file via the browser's inspector. And it worked, making the fonts appear.

I just did a test export of a CE3 Autoindex and the @font-face css code using the font-awesome 3.2.1 version appears.

did you upload your new export to the templates_autoindex/ folder? Because the code is missing from your current autoindex.

Another thought. It looks like you're using Shared Resources.

url('http://www.lesmarmitonsnj.com/resources/font/fontawesome-webfont.eot');

Is the resources/ folder from CE3 Pages up to date with the latest version of CE3 Pages?
Or try disabling Shared Resources and exporting again.

paulpegg · 2015-08-21 09:22:49

No, I had put it in ttg-be/templates/autoindex. i just put it in /templates/auto_index and it messed up big time, so I undid it and will export again tomorrow.. I need to do some more digging. Thanks for your effort. I think we are on the right track. I just need to get some sleep!

Paul

rod barbee · 2015-08-21 09:27:43

for the CE3 stuff the autoindex template needs to be in the /publisher/templates_autoindex/ folder.

If you didn't disable Shared Resources then you'll also need to export an up-to-date version of CE3 Pages and upload the resources/ folder.

paulpegg · 2015-08-22 01:08:39

OKAY. It's amazing what a little sleep can do for your head.

I redid the CE3 resources but that didn't work. Then I replaced the <style> section in the CE3 SeasonIndex template_index.php and index.php with the one from the CE3 Gallery template and voila, it worked.
I had used autoindex v 6.16 to create the SeasonIndex but the correct reference was not there.

Thank you again.

Paul

rod barbee · 2015-08-22 01:27:47

glad it's working

I redid the CE3 resources but that didn't work.

from which plug-in? Pages 6.1.7 has the necessary code and since you were using Shared Resources, exporting from that version and uploading should have done the job.

I had used autoindex v 6.16 to create the SeasonIndex but the correct reference was not there.

It should be. Even if you have the Shared Resources checked, you should see the code. It would reference the /resources/ folder for the Site Root you've specified, but it will still be there in the exported index.php and the template_index.php files.

But at least it's working for you now!

paulpegg · 2015-08-22 04:51:24

The fonts were in the resources folder off the root but the links in the two php files in the SeasonIndex were wrong. They were correct in the gallery template, which is why the fonts came back after you opened an album. I did use Pages 6.17.

It is all working properly now. A few lessons learned for hybrid sites with both CE3 and CE4 album sets.

BTW. You are a genius. Thank you again.

Last edited by paulpegg (2015-08-22 04:51:46)

Community @ The Turning Gate

#1 2015-08-21 00:24:24

broken fonts

#2 2015-08-21 00:32:42

Re: broken fonts

#3 2015-08-21 01:43:38

Re: broken fonts

#4 2015-08-21 03:23:48

Re: broken fonts

#5 2015-08-21 08:27:33

Re: broken fonts

#6 2015-08-21 08:54:40

Re: broken fonts

#7 2015-08-21 09:22:49

Re: broken fonts

#8 2015-08-21 09:27:43

Re: broken fonts

#9 2015-08-22 01:08:39

Re: broken fonts

#10 2015-08-22 01:27:47

Re: broken fonts

#11 2015-08-22 04:51:24

Re: broken fonts

Board footer