[Define New Theme] 8. Utilize Font Awesome icons where icons are needed to simplify server requests.

General discussion of development ideas and the approaches taken in the 3.x branch of phpBB. The next feature release of phpBB 3 will be 3.2/Rhea followed by 3.3.
Forum rules
Please do not post support questions regarding installing, updating, or upgrading phpBB 3.1. If you need support for phpBB 3.1 please visit the 3.1.x Support Forum on phpbb.com.

If you have questions regarding writing extensions please post in Extension Writers Discussion to receive proper guidance from our staff and community.
Post Reply
User avatar
callumacrae
Infrastructure Team
Infrastructure Team
Posts: 1046
Joined: Tue Apr 27, 2010 9:37 am
Location: England
Contact:

Re: [Define New Theme] 8. Utilize Font Awesome icons where icons are needed to simplify server requests.

Post by callumacrae » Mon Oct 19, 2015 3:38 pm

I mean my current job title is "Performance Engineer", and I'm saying to use SVGs instead of icon fonts. I think you're overstating the issue.
Made by developers, for developers!
My blog

User avatar
hanakin
Infrastructure Team
Infrastructure Team
Posts: 788
Joined: Sat Dec 25, 2010 9:02 pm
Contact:

Re: [Define New Theme] 8. Utilize Font Awesome icons where icons are needed to simplify server requests.

Post by hanakin » Tue Oct 20, 2015 4:44 am

I am open to suggestions and alternate options. Pls provide a proof of concept for comparisons as all the test that I have ran, the filesize and editability are more problematic compared to using icon font or images based on the fact that every alternate version of an icon including rollover states has to be hardcoded as a symbol since you have no access to the individual icons in an icon sprite via css.

aleha
Registered User
Posts: 143
Joined: Tue Mar 26, 2013 2:19 am

Re: [Define New Theme] 8. Utilize Font Awesome icons where icons are needed to simplify server requests.

Post by aleha » Sat Oct 24, 2015 10:06 pm

Arty wrote:
Sat Oct 17, 2015 8:06 am
Other points for SVG icons:
  • You can use multiple colors and some other stuff
  • They render identically in all browsers on all operating systems.
  • Easy to customize
In my opinion rendering differences is main reason why fonts suck. Browsers render fonts using different aliasing techniques on different operating systems, making them look inconsistent. Sometimes even glyph sizes vary.

Just look at last post icon on this forum - it looks rather good on Windows, but totally blows on OSX because of different rendering methods. It looks blurred. With SVG this wouldn't happen.
Similar to what Arty is mentioning, on a 13.3" inch laptop running linux, contact icon (and more) looks blurry using latest Firefox.
blurry.png

User avatar
hanakin
Infrastructure Team
Infrastructure Team
Posts: 788
Joined: Sat Dec 25, 2010 9:02 pm
Contact:

Re: [Define New Theme] 8. Utilize Font Awesome icons where icons are needed to simplify server requests.

Post by hanakin » Sun Oct 25, 2015 7:18 am

that is caused by a graphics card driver issue most like as its distorted not blurry

User avatar
Arty
Registered User
Posts: 970
Joined: Wed Mar 06, 2002 2:36 pm
Location: Mars
Contact:

Re: [Define New Theme] 8. Utilize Font Awesome icons where icons are needed to simplify server requests.

Post by Arty » Sun Oct 25, 2015 7:40 am

No, its caused by operating system settings for font rendering. On screenshot above it looks like anti-aliasing is disabled, which is done on operating system level.

Its not a bug. And that's another reason not to use glyph fonts.
Formerly known as CyberAlien.

Free phpBB styles | Premium responsive XenForo styles

User avatar
Arty
Registered User
Posts: 970
Joined: Wed Mar 06, 2002 2:36 pm
Location: Mars
Contact:

Re: [Define New Theme] 8. Utilize Font Awesome icons where icons are needed to simplify server requests.

Post by Arty » Sun Oct 25, 2015 7:47 am

Minor bug caused by changes in icons: icon on left side of "Post awaiting approval" inside messages is gone, but padding is still there.
unapproved_bug.png
Formerly known as CyberAlien.

Free phpBB styles | Premium responsive XenForo styles

User avatar
kinerity
Registered User
Posts: 22
Joined: Mon Sep 01, 2014 10:54 pm

Re: [Define New Theme] 8. Utilize Font Awesome icons where icons are needed to simplify server requests.

Post by kinerity » Sun Oct 25, 2015 3:06 pm

There's also a problem with "Mark topics read" (not sure if this needs reported to the tracker or not).
201510251103173.png
201510251103173.png (18.49 KiB) Viewed 7457 times

User avatar
DavidIQ
Customisations Team Leader
Customisations Team Leader
Posts: 1731
Joined: Thu Mar 02, 2006 4:29 pm
Location: Earth
Contact:

Re: [Define New Theme] 8. Utilize Font Awesome icons where icons are needed to simplify server requests.

Post by DavidIQ » Mon Oct 26, 2015 12:01 am

kinerity wrote:
Sun Oct 25, 2015 3:06 pm
There's also a problem with "Mark topics read" (not sure if this needs reported to the tracker or not).
201510251103173.png
Having a hard time figuring out what's wrong in your screenshot. The position?
Image

User avatar
hanakin
Infrastructure Team
Infrastructure Team
Posts: 788
Joined: Sat Dec 25, 2010 9:02 pm
Contact:

Re: [Define New Theme] 8. Utilize Font Awesome icons where icons are needed to simplify server requests.

Post by hanakin » Mon Oct 26, 2015 5:53 am

its a js re-paint issue when u click mark-read it does not remove the icon until u refresh

User avatar
callumacrae
Infrastructure Team
Infrastructure Team
Posts: 1046
Joined: Tue Apr 27, 2010 9:37 am
Location: England
Contact:

Re: [Define New Theme] 8. Utilize Font Awesome icons where icons are needed to simplify server requests.

Post by callumacrae » Mon Oct 26, 2015 9:04 pm

To further demonstrate what people with dyslexia who replace the font see:

Image

One in ten people have dyslexia.
Made by developers, for developers!
My blog

Post Reply