Hello there,
i´ve bought the vantage theme and installed my website localy with XAMPP. After everything was set up i load my local site to my host and secured it with a htaccess file, so that i can set up the site in private.
I was doing the follwoing steps:
1. Migrated the Database
2. Configured the Database from localhost to my webspace
3. Set up the WordPress-Adress and Site-Adress to my webspace
4. Filled the following code into htaccess:
<FilesMatch ".(eot|ttf|otf|woff)"> Header set Access-Control-Allow-Origin "*" </FilesMatch>
So fare the website runs fine unless the icons in the circle icons, they are just cubes with numbers in it. It seems that the typeset isn´t known to the server.
So, how can i solve this problem i searched a lot on this site but nothing seems to work.
THX
Hi Outerheaven
Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
Looking forward to hearing from you
This is a private message.
Hi Outerheaven
Could you try having just this in your .htaccess
If it does not work using only this then there is a good chance that mod headers is not enabled on the server
Magus
I´ve change it to
gut it dosen´t work.
Hi Outerheaven
try this instead then
<FilesMatch "\.(ttf|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>If unsuccessful, what server package are you hosting on? Windows, apache or nginx
Magus
Same result. I also deaktivated and reaktivated the Origin Plugins.
Still dosen´t work.
And yesterday i also deleted the htaccess file and try it afterwards, but the font were still missing. Maybe the server wasn´t able to react so fast because the htaccess file was only missing for 2 min.
What web server is your package using?
If it is apache then it sounds like mod headers is not enabled. You could also try calling it from the index page.
In a child theme for origin make a copy of the index.php file. Find in that file where it says
insert this directly above it
header("Access-Control-Allow-Origin: *");this needs to be actioned by the server before any other request.
And then remove the entry from the .htaccess file
Magus
What do you mean by “making a copy for the child theme of the origin”?
In wich file should i search for it? There are about 4000 files on the server ;)
download this
https://siteorigin.com/wp-content/uploads/2015/03/vantage-child-starter.zip
and extract the vantage-child folder to your themes directory.
Copy the index.php from your themes/vantage directory and put it in the vantage-child folder.
Edit that copy as above
Magus
Forgot to add, when you have done this you will need to select the child theme as the active one in wordpress themes.
Magus
Nope… still the same.
1. I loaded the file
2. extract it and moved it up to the server into: “mywebsite/wp-content/themes” so the path is: “/mywebsite/wp-content/themes/vantage-child”
3. Loaded the index.php from “mywebsite/wp-content/themes/vantage” and make the changes right befor
4. Loaded the file to “/mywebsite/wp-content/themes/vantage-child”
5. Removed
<FilesMatch "\.(ttf|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>from the .htaccess file
Still the same. Localy it work fine but not on my server…
Can you confirm that you have set the child theme as the active theme?
If so then I am afraid I cannot be of much more help without knowing what form of web server you are hosting on or who the hosting is with.
Although Apache comes with mod headers enabled by default, some hosts disable this function. If it is not Apache then the approach for .htacess would be different by either using different code or by having to enter the mod rule elsewhere.
Magus
Nope, still nothing. The child theme is active….
Damm i guess i have to reinstall the whole Webspace, there are some other issues too with the alignment…
Hi Outerheaven
I sorry about the hassle. Just to ensure you followed the right procedure of inserting the fix, I have included for you a link that has a guide on what to implement
Link: http://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems
Kindly have a look at let me know the outcome
I have just checked your site and the icons are now visible. Did you have this solved? Kindly confirm.
Yes. I have to reinstall the whole page. Seems to be some problems from the migration from localhost to the website.
I don´t know where the problem was located. Sadly it take a lot of time but now everything is working fine.
Still like the Origin theme, nice work.
Thanks for backing me up…
Perfect :-)
Always feel free to open a new thread whenever you require support. We will always be here for you.
Cheers