Phpstorm Editor fonts on linux systems - phpstorm

So tired to search solution..
I use PHPStorm IDE for my php projects and one trouble just makes me crazy.
Editor fonts (editor, don't care about interface) looks horrible. I've tried on different distributions and different DE but result is always the same :(
There are screenshots to compare Kate and PHPStorm fonts. I know that PHPStorm is an JAVA application and it uses different font hitting engine, but.. Eclipse is an JAVA app too, but has pretty nice fonts.
PHPStorm fonts on both Windows and OSX looks like other system fonts. Smooth and readable.
Is there way to fix this font issue before my eyes will explode..?
Thanks.

Following the PhpStorm issue, here is what I added to phpstorm64.vmoptions (that I have installed in /usr/local/bin/PhpStorm/bin/):
-Dswing.aatext=true
-Dawt.useSystemAAFontSettings=gasp
-Dsun.java2d.xrender=true
I also did the trick of opening the font in FontForge:
Ctrl+A (select all chars)
Hints -> Clear Hints
Hints -> Clear Instructions
File -> Generate Font
I put it in ~/fonts/
I am running Ubuntu 12.10 and after all that, everything looks quite great (I did it for Ubuntu Mono).
The only problem I noticed is that -Dawt.useSystemAAFontSettings=gasp leads to great editor font rendering, but poor rendering for menus and other stuffs. Whereas -Dawt.useSystemAAFontSettings=lcd gives awesome font rendering for menus, but less good font rendering in the editor. So try both and pick the one you prefer.
Update: on Ubuntu 13.10, I have no problem anymore.

This is Linux specific issue, you can find a lot of information on this problem here. Check the comments for various suggestions and workarounds.
Here is what you can get with just a different font:

You can install infinality patches and patch OpenJDK to make it use freetype for fonts rendering.
Here are links about installing infinality and patched OpenJDK for Ubuntu-based distributions:
http://www.webupd8.org/2013/06/better-font-rendering-in-linux-with.html
http://www.webupd8.org/2013/06/install-openjdk-patched-with-font-fixes.html
And here is my screenshot of PHPStorm running on Fedora 20 with infinality and patched OpenJDK:

Try adding -Dawt.useSystemAAFontSettings=lcd to bin/phpstorm.vmoptions

Try Settings -> Editor -> Appearance -> Use anti-aliased font

The best solution I've found is to use FontForge.
FontForge it's a linux application which allows you to edit some font preferences.
Just open ttf font within app.
Press ctrl+a to select all chars. Then choose from menu Hints -> Clear Hints. Then Hints -> Clear Instructions. And last File -> Generate Fonts. Just save the new font as new or replace existing and try to use this font with PhpStorm. Looks not ideal but much better than before.

Also I've noticed that fonts on a dark background looks pretty good in Linux

Comparing NetBeans and PhpStorm side by side on my Debian-Squeeze box and I found NetBeans looked much better even when the same font and font-size was selected. The difference was that PhpStorm had bolded most of the code. After going through the editor configuration and getting rid of all the bolding the editor looks much better now.

Monospaced with anti-aliasing looks good to me for WebStorm.

Related

Problem with font-family in .css file using Atom

I'm using Atom 1.45.0 x64 on Linux Mint19.3 Cinnamon to learn basics of web development (I'm following a course of html5, CSS and JavaScript).
I have 2 problems (probably related to each other):
whenever I type the 'font-family' command in my .CSS file the only input suggestions I get are the ones you can see in the screenshot I uploded here. No way to specify other fonts;
whenever I choose one of the available options, the fonts in my html page won't change (and it's not because of typos, bad linking between html and css files, etc).
fonts currently available on my Atom
I haven't been able to find a solution to this problem and I can't figure it out on my own because I'm not an advanced user of Linux systems. I've also installed the 'fonts' package on Atom but that hasn't solved the problem.
Any suggestion?
It seems the problem affects Atom. Try to change from font-family to font-style and declare the value. So instead of doing font-family: italic try typing font-style: italic;
Found similar problem here, even if it's using Windows 10: https://discuss.atom.io/t/why-cant-i-change-the-font-problem-solved-the-answer-is-inside/21086
Comment if can't resolve.

How to fix"Open browser failed!! Please "in vscode

I recently meet a awful problem in vscode with my html code,i used open-in-browser extension. And "Open browser failed!! Please check if you have installed the browser chrome correctly!" appeared ,i have tried many ways and i still can't solve it. I tried to change the user setting and workspacesettings,but nothing works.
I really want to solve this problem
Thank.
Use View In Browser. It definitely works, and as for the theme, you can always get a similar one, there are thousands of them. ViewInBrowser can be put on a keyboard shortcut by going into the settings, and so It can be very easy to open your file. I use Sublime, not Vscode, so I don't know exactly how to fix that particular issue. You might make sure it is configured for that browser, and make sure you have compatibility with your version of the browser.

netbeans on ubuntu font look and feel

is there any chance to make the font in Netbeans 7.3 under ubuntu 12 to look better???
take a look on how the same code looks in eclipse and netbeans
while both IDEs configured with the same editor fonts settings (monospaced), i tried with other fonts also. it seams like netbeans rendering the fonts completely in a different way, the font is much more thinner ? why is it happening ?
i read a lot about that issue and already added the following to the netbeans.conf file
-J-Dapple.awt.graphics.UseQuartz=false
-J-Dswing.aatext=true
-J-Dawt.useSystemAAFontSettings=lcd
it fixed a little, but still it is a big difference between the both,
did anyone found a proper solution for that problem or maybe one can state here that there is no solution at all ??? i am a new Netbeans user and love this IDE but this thing is driving me crazy ;((
will thank a lot !
The fonts will look different regardless of the changes you make, as Eclipse is based upon SWT, and NetBeans on Swing; the two UI tool kits use different font rendering engines.
Some fonts look better than others in Swing. My preference in Swing (and nearly everywhere I use mono-spaced fonts, really) is Ubuntu Mono, but both Deja Vu Sans Mono and Source Code Pro render well in Swing, as well.
You almost certainly have the first two on your system already, and the third is easy enough to install, should you wish. I will say that the line pitch of Source Code Pro is way to large for my taste, though it is otherwise a nice font.
After enabling the JRE flags you mention, and choosing an appropriate font, the next vital item is to choose the best font size. A given font in a given rendering engine may look better or worse at a given size than in a different environment.
I find that, in Swing, Deja Vu Sans Mono looks better in even point sizes, so I typically use it at either 10pt or 12pt in NetBeans. Ubuntu Mono, on the other hand, renders much nicer at odd sizes, so I typically use it at either 11pt or 13pt in NetBeans.
Font rendering is different because they use different UI libraries.
Netbeans uses swing.
Eclipse uses swt.
You can patch the jdk to get swing to respect your font rendering settings:
https://gist.github.com/aleksandara/2963640
PPA for ubuntu with patch applied:
https://launchpad.net/~no1wantdthisname/+archive/openjdk-fontfix

Using custom fonts in Swing application

I have two specific fonts installed on my computer and would like to configure the JRE to make them
available to my application, specifically Calibri and Cambria Math. However, I understand the basics of how default fonts work in Java; how the JRE reads a properties file that sets the default fonts for any Java application running on top of it.
However, these two fonts are not available in any of the properties files that I can find. So:
(1) Is it possible to "add" these two new fonts to the JRE's config, so that in my program I can call myJButton.setFont(myCambriaMathFont) on a component and make use of these added fonts? If so, how? If not, then:
(2) Are there any libraries/JARs out there for matching font names/font families to the fonts available via the JRE, and matching them as close as possible, algorithmically?
C'mon, I know you'd all love to see what a JList looks like....on Wingdings!!!
Thanks and sorry for this quirky question.
Would you like to load the font at runtime?
See Font.createFont(...)

Firebug like autocomplete css editor

Does anyone know a css(or html) editor that autocompletes code as firebug do in css?
I think its called autocomplete as you type.
thanks
edit:
i found a project called zen-coding that create shortcuts for coding html and css. but im still faster with firebug
Most decent IDEs should offer autocomplete on any language they support.
I'm using Netbeans here, and I can confirm it gives me autocomplete on the various languages I'm using, including HTML and CSS.
http://netbeans.org/
Eclipse, and most major IDEs have a "code assist" feature that propose the possiblities on a hot key (eg., ctrl+space) or on a specific event (press <) or on a timeout (most of these are configurable).
Aptana studio is a eclipse based IDE for web development.
If you are specifically looking for "firebug style" meaning you expect the IDE to auto-complete (rather than propose) then you can tweak the options to get a similar behaviour ("completion Overwrites" rather than "Completion Inserts", for eclipse)
Or try cssUpdater, which syncs your FireBug css changes back to your original css files.
With it, you can construct and tweak you layout in FireBug, hit the sync button and reload the page to see that your layout and css is preserved. http://cssupdater.com
The best firebug-alike approach apps is : http://www.stylizerapp.com/
It's available on PC and Mac too.