g2ktcf:
I need to format the tagline for my site in a very specific font. I have both ttf and woff2 files. I created the following
@font-face {
font-family: "TagLine_font";
src: url("../fonts/myfont.ttf") format("truetype");
src: url("../fonts/myfont.woff2") format("woff2"),
}
>
> The other fonts found in 158a are in an admin directory but I am not sure WHERE to put the two files or exactly how to reference the path within ZC. I am getting a 404 file not found which is logical given that its looking at "localwlc.com/fonts/myfont.woff2"
>
> Where do these file need to go and how to I reference them properly?
>
> Thanks
> Chris
This is my setup,
put your code in a new file - \includes\templates\YOUR_TEMPLATE\css\stylesheet_font.css, note the path change of 'src: url' and either remove the trailing comma (in red) or change it to a semi-colon.
@font-face {
font-family: "TagLine_font";
src: url("/fonts/myfont.ttf") format("truetype");
src: url("/fonts/myfont.woff2") format("woff2")[B],[/B]
}
add an index.html file to the /fonts folder
index.html
<html>
<head>
<title></title>
<meta content="">
<style></style>
</head>
<body></body>
</html>
```
to restrict access to certain filetypes (i.e. fonts) add an .htaccess file to the /fonts folder (you might need to copy over an existing one from another folder and edit it - in windows you cannot create a new file beginning with a dot)
.htaccess
#
# @copyright Copyright 2003-2013 Zen Cart Development Team
# @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
# @version GIT: $Id: Author: DrByte Fri May 17 14:29:18 2013 -0400 Modified in v1.5.2 $
#
# This is used with Apache WebServers
#
# The following blocks direct HTTP requests to all filetypes in this directory recursively, except certain approved exceptions
# It also prevents the ability of any scripts to run. No type of script, be it PHP, PERL or whatever, can normally be executed if ExecCGI is disabled.
# Will also prevent people from seeing what is in the dir. and any sub-directories
#
# For this to work, you must include either 'All' or at least: 'Limit' and 'Indexes' parameters to the AllowOverride configuration in your apache/conf/httpd.conf file.
# Additionally, if you want the added protection offered by the OPTIONS directive below, you'll need to add 'Options' to the AllowOverride list, if 'All' is not specified.
# Example:
#<Directory "/usr/local/apache/htdocs">
# AllowOverride Limit Options Indexes
#</Directory>
###############################
# deny *everything*
<FilesMatch ".*">
<IfModule mod_authz_core.c>
Require all denied
</IfModule>
<IfModule !mod_authz_core.c>
Order Allow,Deny
Deny from all
</IfModule>
</FilesMatch>
# but now allow just *certain* necessary files:
<FilesMatch "(?i).*\.(otf|ttf|woff|woff2|eot|svg)$" >
<IfModule mod_authz_core.c>
Require all granted
</IfModule>
<IfModule !mod_authz_core.c>
Order Allow,Deny
Allow from all
</IfModule>
</FilesMatch>
IndexIgnore */*
## NOTE: If you want even greater security to prevent hackers from running scripts in this folder, uncomment the following line (if your hosting company will allow you to use OPTIONS):
# OPTIONS -Indexes -ExecCGI
