-
-
Notifications
You must be signed in to change notification settings - Fork 58
Segoe MDL2 Icons cross platform app #1
Comments
I'm glad you liked the tutorial! Unfortunately I don't know how to do that, and cross-platform compatibility is something that I have yet to learn in Electron. If I get to that stage I will update the tutorial, but can't guarantee anything anytime soon. If you figure out how to do it, by all means fork the tutorial/pull request |
I got it working in a cross platform way:
|
@binaryfunt |
@Toby56 I'm not able to test the solution above, but I suppose it looks like it should work. When I get some time I can add it in, or feel free to submit a pull request if you want |
There is a small problem with adding the font files in, the Segoe fonts' license (EULA) says that the fonts can only be used for programs that "run on a Microsoft Platform". I'll make a pr anyway and include the license (because I don't think it really matters), but just bare it in mind. |
|
Sooo this is a no go? |
@Toby56 Sorry, I'm quite busy at the moment, I'll need some time to consider it. |
@digimezzo I personally think SVGs are a good solution and probably better than a font. They still have some problems with hidpi scaling, but that's another problem. Also just a note, the stroke thickness attributes are redundant because they don't have a stroke colour, only a fill. |
As I've commented in #11, I've recreated the icons as PNGs for 100%, 125%, 150% and 175% scaling using |
Please put the latest version |
@sadeghimahdi What??? |
I wanted the new version of SegMDL2 font |
orginal font in windows 10 last version |
I found |
Great job on the tutorial, the steps are clear and the final look is great!
In regards to the maximize, minimize, restore, and close buttons in the title bar, they use the Segoe MDL2 Icons. This works perfectly for apps on Windows 10, but on older versions of Windows or Mac, the user has to install the font on their system.
From Microsoft
For example, a screenshot from running on Windows 7
As electron is useful for developing cross platform apps, it would be most ideal if the user didnt have to install a font package to see these icons. Is there any way to include these icons in a cross platform electron project? For example, I found this repo that provides the icons as a .css file, but unfortunately it doesnt contain the icons referenced in the tutorial.
The text was updated successfully, but these errors were encountered: