stacksurfers
Forum Replies Created
-
Forum: Plugins
In reply to: [WP SVG Icons] Icons in custom pack are "grainy"Likewise Evan. All the best.
Forum: Plugins
In reply to: [WP SVG Icons] Icons in custom pack are "grainy"Fixed.
I had to modify the following line w/n wp-content/uploads/wp-svg-icons/custom-pack/style.css …
*********was********
@font-face {
font-family: ‘stacksurfers’;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAA [loooong string here] ) format(‘truetype‘),********is now******
@font-face {
font-family: ‘stacksurfers’;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAA [loooong string here] ) format(‘svg‘),Thank you Evan. The 3rd article you pointed me to had the answer.
Cross-browser and pixel perfect.
My brain hurts.
Forum: Plugins
In reply to: [WP SVG Icons] Icons in custom pack are "grainy"Hi. I changed the password back to what I’d given you originally if you have time to look. The icomoon font is at 16 and I’m using sizing in increments of 16 so don’t think that’s the problem.
Looking into the chrome/windows fix you’ve given above (http://icomoon.io/#post/318) now.
Forum: Plugins
In reply to: [WP SVG Icons] Icons in custom pack are "grainy"Again thank you. Obviously I’m a newb at icon fonts.
Forum: Plugins
In reply to: [WP SVG Icons] Imported Custom Icon Pack DisappearingThe problem was a plugin: w3 total cache. I’ve deactivated it and the font shows now. Thanks for your support through the process.
Forum: Plugins
In reply to: [WP SVG Icons] Imported Custom Icon Pack DisappearingHi Evan. I deactivated a plugin that I think was interfering with yours: W3 Total Cache.
I can see the fonts now. They are grainy and I need to follow the advice you’ve posted on your site but I can deal with that.
Really appreciate all the help you’ve provided.
Forum: Plugins
In reply to: [WP SVG Icons] Imported Custom Icon Pack DisappearingThanks Evan. Really appreciate it. I’m sending you access to the back-end now.
Forum: Plugins
In reply to: [WP SVG Icons] Imported Custom Icon Pack DisappearingI had bluehost give me access to php.ini. Here is the fopen section.
;;;;;;;;;;;;;;;;;;
; Fopen wrappers ;
;;;;;;;;;;;;;;;;;;; Whether to allow the treatment of URLs (like http:// or ftp://) as files.
; http://php.net/allow-url-fopen
allow_url_fopen = On; Whether to allow include/require to open URLs (like http:// or ftp://) as files.
; http://php.net/allow-url-include
allow_url_include = On; Define the anonymous ftp password (your email address). PHP’s default setting
; for this is empty.
; http://php.net/from
;from=”[email protected]”; Define the User-Agent string. PHP’s default setting for this is empty.
; http://php.net/user-agent
;user_agent=”PHP”; Default timeout for socket based streams (seconds)
; http://php.net/default-socket-timeout
default_socket_timeout = 60*************************
Can I modify this portion of the ini to get it to work or am I out of luck?
Forum: Plugins
In reply to: [WP SVG Icons] Imported Custom Icon Pack DisappearingThanks but I can’t find php.ini anywhere and I’m not familiar with php_info()… how would I go about using php_info()?
Forum: Plugins
In reply to: [WP SVG Icons] Imported Custom Icon Pack DisappearingUnder the resources section I see two CSS files that are specific to the plugin:
Number 1:
@font-face{font-family:’icomoon’;src:url(‘http://the7test.stacksurfers.com/wp-content/uploads/wp-svg-icons/custom-pack/fonts/icomoon.eot?-19lczs’);src:url(‘http://the7test.stacksurfers.com/wp-content/uploads/wp-svg-icons/custom-pack/fonts/icomoon.eot?#iefix-19lczs’) format(’embedded-opentype’),
url(‘http://the7test.stacksurfers.com/wp-content/uploads/wp-svg-icons/custom-pack/fonts/icomoon.woff?-19lczs’) format(‘woff’),
url(‘http://the7test.stacksurfers.com/wp-content/uploads/wp-svg-icons/custom-pack/fonts/icomoon.ttf?-19lczs’) format(‘truetype’),
url(‘http://the7test.stacksurfers.com/wp-content/uploads/wp-svg-icons/custom-pack/fonts/icomoon.svg?-19lczs#icomoon’) format(‘svg’);font-weight:normal;font-style:normal}[class^=”icon-“],[class*=” icon-“]{font-family:’icomoon’;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-office:before{content:”\e600″}.icon-newspaper:before{content:”\e601″}.icon-quill:before{content:”\e602″}.icon-bullhorn:before{content:”\e603″}.icon-podcast:before{content:”\e604″}.icon-book:before{content:”\e605″}.icon-books:before{content:”\e606″}.icon-file:before{content:”\e607″}.icon-stack:before{content:”\e608”}.icon-……etc..
and…
Number 2:
@font-face{font-family:’wp-svg-plugin-icon-set1-expansion’;src:url(‘/wp-content/plugins/svg-vector-icon-plugin/includes/css/icon-font/wp-svg-plugin-icon-set1-expansion.eot’);src:url(‘/wp-content/plugins/svg-vector-icon-plugin/includes/css/icon-font/wp-svg-plugin-icon-set1-expansion.eot?#iefix’) format(’embedded-opentype’),
url(‘/wp-content/plugins/svg-vector-icon-plugin/includes/css/icon-font/wp-svg-plugin-icon-set1-expansion.woff’) format(‘woff’),
url(‘/wp-content/plugins/svg-vector-icon-plugin/includes/css/icon-font/wp-svg-plugin-icon-set1-expansion.ttf’) format(‘truetype’),
url(‘/wp-content/plugins/svg-vector-icon-plugin/includes/css/icon-font/wp-svg-plugin-icon-set1-expansion.svg#wp-svg-plugin-icon-set1’) format(‘svg’);font-weight:normal;font-style:normal}[class*=”wp-svg-icon-set1-expansion-“]{font-family:’wp-svg-plugin-icon-set1-expansion’;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wp-svg-icon-set1-expansion-linkedin_circle{font-family:’wp-svg-plugin-icon-set1-expansion’;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.wp-svg-icon-set1-expansion-linkedin_circle:before{content:”\e600”}Forum: Plugins
In reply to: [WP SVG Icons] Imported Custom Icon Pack DisappearingIt kind of fixed it. I renamed all files as you’ve directed and when I go to the inspector those 3 errors no longer appear. However the icon still doesn’t show and I’m getting the following error:
event.returnValue is deprecated. Please use the standard event.preventDefault() instead.
Forum: Plugins
In reply to: [WP SVG Icons] Imported Custom Icon Pack Disappearing😉 Mobile Technology is still an oxymoron. No worries.
I’m attempting your fix now.
Forum: Plugins
In reply to: [WP SVG Icons] Imported Custom Icon Pack DisappearingThanks for the fast response Evan.
My site is in a sandbox for testing purposes and is password/htaccess protected until I’m ready to go-live.
I called my icon pack “stacksurfers” and, upon loading to the plugin, the resulting server files in the custom-pack/font folder are:
stacksurfers.eot
stacksurfers.svg
stacksurfers.ttf
stacksurfers.woffThe code I’ve used to display a custom font is:
<div class=”icon-home5 custom-pack-icon”></div>
When I display the page the font doesn’t appear. When I inspect the element I get the following errors and warnings for the live page:
Failed to load resource: the server responded with a status of 404 (Not Found) http://the7test.stacksurfers.com/wp-content/uploads/wp-svg-icons/custom-pack/fonts/icomoon.woff?-19lczs
event.returnValue is deprecated. Please use the standard event.preventDefault() instead.Failed to load resource: the server responded with a status of 404 (Not Found) http://the7test.stacksurfers.com/wp-content/uploads/wp-svg-icons/custom-pack/fonts/icomoon.ttf?-19lczs
Failed to load resource: the server responded with a status of 404 (Not Found) http://the7test.stacksurfers.com/wp-content/uploads/wp-svg-icons/custom-pack/fonts/icomoon.svg?-19lczs#icomoon
The plugin is looking for files that don’t exist instead of stacksurfers.eot, stacksurfers.svg, stacksurfers.ttf or stacksurfers.woff.
Forum: Plugins
In reply to: [WP SVG Icons] Imported Custom Icon Pack DisappearingGreat plugin. I have:
1. purchased the icomoon ultimate font pack and uploaded it successfully to the wordpress plugin
2. I can see all of the 2027 fonts when I click on “import custom icon pack”.
3 (the problem). when I click on a font and get the code (example: <div class=”icon-home5 custom-pack-icon”></div>) and insert that code into my wordpress site the icon doesn’t appear.Note: I am putting the <div class=”icon-home5 custom-pack-icon”></div> code in the text vs. the visual editor and the /wp-content/uploads/wp-svg-icons/custom-pack folder has all of the files that you’ve mentioned above.
What am I doing wrong?
Thank you.
5 stars for both the product and the support.
