I have downloaded three fonts - .tff files - from http://www.FontIneed.com and installed them under Linux. They are really installed throughout the system because they are now present in the OpenOffice suite fonts drop down boxes.
As I have installed CKEditor as rich text editor in Drupal, I have tried to add these fonts to it.
I already had a problem when testing in Drupal->Config->CKEditor->Advanced if the Javascript insertion works for a given profile. I entered exactly the example that is provided under the texfield box but, when created a new block in Full HTML, the fonts drop-down list presented the whole set of available fonts (not only the ones I have entered).
Then, I wanted to add my new fonts to the CKEDITOR.config.font_names in the plugin.js file (although I don't like that because it will blow-up my setting when new release will overwrite this file ...). But the new fonts don't show up.
What should I do?
Thanks
PS: I may have a problem entering their names. For example, I've got one font with the Zipty_Do.tff file; the first line of the file says 'Zipty Do, Regular' and that's the name I've entered
Regardless of wether you are able to get your new fonds to show up in CkEditor, I believe that if you have installed a free font, chances are that they are not standard system fonts. Without embedding the fonts on the site itself these fonts will only be available to you and will thus show up different to visitors of your site.
A module I found extremely helpful in embedding non system fonts is Cufon http://drupal.org/project/cufon. Hope this helps.
Related
Every windows screen in our WPF application displays the ICON in the upper left corner. Numerous users of this program have the expectation of seeing their company logo.
We made the logo.ico file a "always copy" so that it is copied into the bin location along with every build. ICON is referring to the logo.ico file in this case.
The logo.ico file's icon will be reflected on the Windows screen if we go ahead and replace it with any other image.
We cannot expect the customers to accomplish this, so we must make it easier for them to browse the icon file during installation. InstalledShield software is used to prepare the installation setup. If there is a better way, please describe it here. I seek advice on how to accomplish this.
I would like you to check why the icon is getting reflected if you replace it with any other image, windows has some specification on the image size to display the icon/tile on the screen. See whether your icon is meeting all those specification to reflect it on the screen.
https://docs.revenera.com/installshield26helplib/helplibrary/IHelpMarsShortcutProperties.htm#ref-views_3737199233_1323863
you can also find information regarding the icon specification from the Microsoft documentation pages.
Apart from that, if you want to show up a browse dialog during the installation then you need to modify your InstallShield project:
1- To launch a browse dialog from the Basic MSI project:
https://docs.revenera.com/installshield23helplib/helplibrary/FileOpenDialog-HowTo.htm
2- To launch a browse dialog from an InstallScript project:
https://community.flexera.com/t5/InstallShield-Knowledge-Base/Displaying-a-File-Browse-Dialog-in-an-InstallScript-Project/ta-p/3964
But, my preference to you to check why the icon is getting reflected if its replaced with other image, and fix it.
I would like to record an 'iPhone' demo in the simulator, but the font is not the same as on the device (I know you can't distribute it). However, I found the SF Pro font for download and wanted to give it a try and was wondering if there is a simple way to override the native fonts easily (without having to change e.g. the css file)?
So that I can leave statements like this in my CSS: font-family: "native:MainRegular" but programmatically set this to be my copy of SF Pro font in the Simulator...
I wouldn't do this since font kerning will look "off" and if someone will notice the font he'll notice that as well. The same font will look different in Windows, Mac etc.
But if you insist then the simplest way is to create your own skin file. This is just a simple zip file containing the skin details. E.g. this is the iPhoneX skin. Notice it doesn't include TTF files within...
You need to add the fonts you want then use something like the google pixel skin as a reference. Look in the properties file on defining the fonts. It's pretty simple.
As you can see from the script building the skins is literally just zipping.
DNN 9.3.1
2sxc 10.25.2
I added a field in a 2sxc content module called "Icon" and made it a Font Icon Picker. My DNN skin has FontAwesome 5 loading via CDN in CSS.
Looking through the 2sxc font icon picker field settings it expects the CSS Prefix, the Preview CSS Classes, and the Files for the fonts. (I get my FontAwesome 5 icons from CDN but I understand that I need to reference them locally - so I downloaded Font Awesome 5 and uploaded it to my server and reference it there).
But Font Awesome 5 (Free) has 3 different prefix classes for fonts: fab, far, and fas. (brands, regular, and solid).
So when I use the picker to choose an icon, it doesn't prefix the icon correctly. I would expect that when I choose the icon, it adds the correct prefixes like "fas fa-user" but it only outputs "fa-user" so the icon doesn't appear.
My razor template looks like this:
<i class="#Content.IconPicker"></i>
Am I setting this up incorrectly or does 2sxc Icon Picker not able to support Font Awesome 5? How can I configure the settings to get Font Awesome 5 to work?
this is indeed tricky. Let me give some background:
Fontawesome has different font files and different css files for targeting the icons
Unfortunately this causes trouble in the picker, because the picker cannot be configured to show icon previews with different prefixes - so as of now, the picker usually can only be configured to show one set of these icons
The same problem arises with the output as you noticed - in some cases a different prefix would be important, but the picker doesn't give you the prefix, just the icon name
We also had another problem that really bugged us: these icon-fonts really hurt our google page speed rating - ca. 10-20 points depending on the scenario! Because of this, we spent almost 2 weeks to find a better solution. And we have found it :). It's just not well standardized / documented :(.
Here's how it works:
basically all icons have different names anyhow, so the prefix wouldn't matter. This was just an optimization introduced by font-awesome, but it's not good anyhow.
So we need to have a css file which lists all icons, but just correctly uses the right font-file no matter what prefix is used. We can generate such a file and already have some working scripts that do it, but it's not in a state we could share :(
This css file should then be used in the icon picker
And in the page, because then the prefix doesn't matter
That's how we're solving it. Sorry that it's not simpler.
We're going a step further: if you have the commercial license of font-awesome, you can use a JS loader in your page which doesn't use the fonts at all, but just gets the 3-4 SVGs you're actually including in the page. That gives us the extra 10-20 points on PageSpeed! But because it's commercial license only, I can't share this with the public. If you do have the commercial license though, that's the way I would go.
I have been using Fontawesome 5.6 (free) in a winforms project, and rendered glyphs by referencing the character code into a variable. "&HF084" would show the Key character in VB.net for example.
The latest versions of Fontawesome, like 5.10, while still having the same character codes for the same icons, don't always render the icon, even if it's available in the free version I'm using.
I have noticed in a few comments, that specifying weight would fix the issue, at least for css rendering.
Specifying Bold style under a label with the font does fix the issue of non-rendering icons, however they are rendered much more heavy than they should be. Previously specifying Regular font style used to work for all icons, however that is not the case now.
As far as I'm aware I can't specify weight of a font by point in winforms, just specify the style (regular, bold, underlined, etc.)
EDIT: For more information, I am using the ttf font files that come in the web folder of the web zip file of fontawesome. The reason for this is that otf file format doesn't work on Windows server 2003, which is an environment that will run the WinForms app.
OK, so I have built a Windows Form application. I now want an icon for it. So I use the Icon Editor built into Visual Studio 2012. Draw it all out to look nice and purdy. Once I am done, I have a .ico file and I make it the default icon for the project, and also the icon for the one WinForm in the application.
Unfortunately, it does not show up as I have created it! It is displayed as the default icon file as it existed before I modified it in the icon editor. It's a 32x32 4 bit icon. If I change the extension to .bmp it shows up as the default.
It looks like the VS icon editor is editing something else, not the appearance of the icon. Can someone tell me what I am doing wrong?
I used to have a progam called IconArt that would create icons that looked like icons when I used them in VS. IconArt is now abandonware and won't run on my 64bit Windows workstation.
Since I didn't get any answers within the time I was hoping, I posted this question also in the MSDN Visual Studio forum, and got a good answer that I thought I should post here. Credit to Reed Copsey, Jr, for the answer!
This is it:
You'll need to put your design in all of the different versions. ICO
files contain multiple versions of the same image, for different
screen resolutions.
My personal preference is to not use VS - there's an ICO plugin for
Paint.Net (all free) which allows you to make a single image
(typically 256x256), and save multiple versions within an ICO file in
one shot. It's very useful for building icons.
See
http://forums.getpaint.net/index.php?/topic/927-icon-cursor-and-animated-cursor-format-v37-may-2010/
for the plugin.
Since I am a Paint.Net user, the plugin sounded like a great idea, and I tried it. Bingo! This works very nicely.