w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML videos Categories
how to add custom font name and font size in ajax html editor extendor?
You need to download ajaxcontroltoolkit sources from the codeplex site and tweak a bit HtmlEditorExtenderBehavior.pre.js file in Client/MicrosoftAjax.Extended project (this is a link to this file on codeplex: HtmlEditorExtenderBehavior.pre.js Add your font families and font sized to appropriate arrays in _createButton function. After that, you can rebuild project and use custom AjaxControlToolkit dll

Categories : Asp Net

I cannot embed a font in html page using @font-face rule
You need to put font-face in top of CSS. @font-face { font-family: 'Armata'; src: url(Armata-Regular.ttf), src: url(Armata-Regular.otf), src: url(Armata-Regular.eot); } body{ font-family:Armata; font-size:16px; color:orange; text-align: center; background:white; }

Categories : HTML

HTML newsletter - aligning adjacent cells with different font-size to bottom
Try set line-height of "week" to font size from date. (line-height: 22px;) <td width="34" height="29" class="normal-text is-bold" style="vertical-align: bottom; color: #6f6f6f; font-weight: bold; border: #6f6f6f; font-size: 12px; line-height: 22px;" valign="bottom">WEEK</td> here: http://jsbin.com/anejax/1/ Or if u want all text aligned to bottom u have to set valign="bottom" in <td class="has-border-bottom-5 w600" height="55" width="600" style="color: #6f6f6f; border-bottom: 5px solid #6f6f6f;" valign="bottom"> here: http://jsbin.com/ipafoh/1/

Categories : HTML

How to change the tabControl tab pages label font, font color and font size in VB 2012
This has been reported as a bug and, if I'm reading correctly, MS have confirmed it. Here's the bug report with a programmatic workaround. Hope this helps :)

Categories : Vb.Net

Custom font (@font-face) and Google font doesn't work in IE8
Could you make a jsfiddle.com where you show the problem? I have created this example and it works fine in IE8 (just Google Fonts): http://jsbin.com/omozet/1 Have you tried some of the other solution Paul Irish shows?

Categories : Internet Explorer

@font-face not working (result font different from the original font)
There are two problems with what you have there. You have declared the fonts "doctor_soos_boldbold" and "doctor_soos_lightregular" but you have not specified the correct path, at least, I believe you do not have those fonts in the current directory. You need to specify where the fonts are properly. Where you have: @font-face { font-family: 'doctor_soos_boldbold'; src: url('doctor_soos_bold_2.1-webfont.eot'); src: url('doctor_soos_bold_2.1-webfont.eot?#iefix') format('embedded-opentype'), url('doctor_soos_bold_2.1-webfont.woff') format('woff'), url('doctor_soos_bold_2.1-webfont.ttf') format('truetype'), url('doctor_soos_bold_2.1-webfont.svg#doctor_soos_boldbold') format('svg'); font-weight: normal; font-style: normal; } Every spot that s

Categories : HTML

@font-face with data URIs and Font Squirrel’s @font-face generator
I believe the reason is to minimize overall file size / load time. Some devices have a 25kb limit in order to maintain files "cached". When the TTF and the WOOF are base64'd the CSS file can exceed the limits and cause a reload each visit. Browsers will use the first font "it can" (or "cascade" if you will). You will see the formats listed in the following order for specific reasons: 1. EOT - used to catch older IE (<9). IE will choke with multiple "src". You'll often see ?#iefix involved in the EOT reference, or an additional selector with just the EOT file in there followed by a similar selector witht he WOFF and TTF. Plus, since old IE doesn't do datauri, we have to leave as an external file. 2. WOFF - Most modern browsers. Most modern browsers will use WOFF. This format is ver

Categories : Misc

Setting body { font-size: 100% } results in font-size: 12px; and not font-size: 16px; Why?
If you inspect the inline box using a browser’s Developer Tools (hit F12 to open them), you can see that its height is indeed 12px, as set in your code. This happens because there is nothing in it that would require more height; in general, the exact calculation of heights of inline blocks is browser-dependent. The font size of the text is still the browser default, typically 16px. The font size does not mean the height of any particular letter. It is just a fundamental property of the font; typographers usually design characters so that they - together with ascenders, descenders, and diacritic marks - fit into the limits set by the font size (or extend over them just a little), and normally most letters have smaller height.

Categories : CSS

How to create a font file from a base64 encoded font string in java
Just decode the base64 part and save it in a file (I'm assuming that part is really a True Type font). If you're using Java 7: String fontData = "font/truetype;charset=utf-8;base64,QUJDREU= ... "; fontData = fontData.substring(fontData.indexOf("base64,") + 7); File ttFile = new File("/path/to/your/file.ttf"); try (FileOutputStream output = new FileOutputStream(ttFile)) { byte[] binary = javax.xml.bind.DatatypeConverter.parseBase64Binary(fontData); output.write(binary); } catch (IOException e) { e.printStackTrace(); } If you're using Java 6: String fontData = "font/truetype;charset=utf-8;base64,QUJDREU= ... "; fontData = fontData.substring(fontData.indexOf("base64,") + 7); File ttFile = new File("/path/to/your/file.ttf"); try { FileOutputStream output = null; tr

Categories : Java

CSS3 @font-face causes the font file to output its sample text
I'm also tested with the SteelTongs web font in firefox and chrome, it is not supported,the font link is abstractfonts- steeltongs ,U just change the font.

Categories : CSS

For eBook Kannada font (Nudi 01 e b.ttf) is converting to gibberish English font in iPad, iPhone
I believe the font you mention is a so-called "ASCII" font, rather than a Unicode-encoded font. In that case, correct display is a matter of luck and is not guaranteed. Even if it works on today's Sony devices, it might stop working tomorrow. According to the spec, EPUBs must be Unicode. Yes, I am well aware of the issues involved in re-coding legacy content in ASCII encodings for Kannada and other Indic languages into Unicode. However, from the standpoint of future-proofing your content and guaranteeing operability across platforms, it is an investment that will prove worthwhile. It would also be helpful if you could create a one-page, one-line book with this problem and post the XHTML and the content.opf file. UPDATE It appears that version 5.0 of Nudi includes Unicode-conformant fon

Categories : Iphone

Firefox places font baseline at center of line-height (font: Knockout 46 Flyweight)
I had a similar problem and it turned out, that my files for the font where somehow corrupted. I uploaded one file here: http://www.fontsquirrel.com/tools/webfont-generator which generates font files in all kinds of formats and replaced the font files. That fixed it for me. Might also be similar to this question: @font-face problem, Firefox adds padding, Chrome does not

Categories : CSS

How to preserve text formatting in RichTextBox like Bold, Italics, font color, font size, etc?
RichTextBox supports rtf content, you can't past directly Word content in your RichTextBox. You need to convert the word document into .rtf file. Best way is to use the save As dialog in Microsoft Word. Then you could deploy the document with your application and then load rtf content in your RichTextBox using LoadFile method. RichTextBox1.LoadFile("Help-File.rtf") Obviously, it supposes that basic formatting like mentioned in title (Bold, Italics, font color, font size, ...) are enough for this purpose, since the rft format does not support obviously all MS Word features. Otherwise you may have to implement your own parse/interpretation logic.

Categories : Vb.Net

Resource interpreted as Font but transferred with MIME type font/woff: | Django Framework
So, you are serving static files in Django dev server? In settings.py I think you need: if DEBUG: import mimetypes mimetypes.add_type("application/font-woff", ".woff", True) ...from info given in these questions on SO: Resource interpreted as Font but transferred with MIME type application/x-font-woff Django development server and MIME types

Categories : Django

Want the list of languages supported by each font.Is there any open source font library or database listing them?
The Unicode Common Locale Data Rpository (CLDR) contains a fairly extensive compilation of "Examplars", which are the minimum support required for various languages. Although Font Book is not specifically listed as one of the applications, the CLDR index page does mention Apple as a company that uses it, and it's very likely that's what Font Book employs to determine language support. Note though that in many cases, simply having the characters is not enough for full language/script support. For many writing systems, additional characters and font data (OpenType Layout data) are required.

Categories : Javascript

Opera text-align:justify by font-size:0
In my case adding : noindex:-o-prefocus, #menuwrapper {font-size:1px;} do not fix the problem (I test it on linux). When I set font size to 2px it start works. Finally I used: noindex:-o-prefocus, #menuwrapper {font-size:100%;} and everything works like a charm.

Categories : Misc

@font-face vertical align issue in firefox
Those different font formats you provided render differently in different browsers. For example, IE supports .eot whereas Chrome supports .ttf . The difference between browsers means that you will have to find a happy medium when it comes to providing solution for different browser variations. So maybe add more of a bottom margin so it doesn't look foolish on one type of browser. Its an inexact process, but whatever result you think works best for all browsers is often the best route of action.

Categories : HTML

How to Resize action Sheet element font with system font?
your problem is in your UITableView, since you didn't post the code of the UIActionSheet and UITableView code, I've created a project and uploaded it to a Github (link), you can find how i can manage to resize the text of the rows using the following property: cell.textLabel.adjustsFontSizeToFitWidth = YES;

Categories : IOS

Issue with using font with @font-face declaration and in general with applications
Not sure if this will help, but this is the CSS I use, and it works fine. The webfonts directory is in the same directory as the css file, and includes three file types: .eot .ttf .woff @font-face { font-family: 'AvenirLT-Book'; src: url('webfonts/25EE2B_0_0.eot'); src: url('webfonts/25EE2B_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/25EE2B_0_0.woff') format('woff'), url('webfonts/25EE2B_0_0.ttf') format('truetype'); } a typical class decleration: .AvenirLT-Book { font-family: AvenirLT-Book; font-weight: normal; font-style: normal; } perhaps you need to change the format to ('truetype') instead of ('opentype') ?

Categories : CSS

How do I apply a css font-weight transition with a font-face rule
You cannot create smooth transitions using the font-weight property. Thanks to Kyle Sevenoaks and this question

Categories : CSS

Change font size of Canvas without knowing font family
Update: (from comments) There is no way around specifying font. The Canvas' font is modeled after the short-hand version of font in CSS. However, there is always a font set on the canvas (or a font type) so what you can do is to first extract the current font by using it like this: var cFont = ctx.font; Then replace size arguments and set it back (note that there might be a style parameter there as well). A simple split for the sake of example: var fontArgs = ctx.font.split(' '); var newSize = '12px'; ctx.font = newSize + ' ' + fontArgs[fontArgs.length - 1]; /// using the last part You will need support for style if needed (IIRC it comes first if used). Notice that font-size is fourth parameter, so this will not work if you will have/not have font-variant(bold,italic,oblique), font

Categories : Javascript

Why is my font getting the top and bottom parts of letters chopped off on my site?
try to convert the font to .ttf, .otf, .eot, .woff and .svg files at http://www.font2web.com/ It also creates a CSS file and a demo HTML file to show you how to use webfonts on your website - using CSS @font-face.

Categories : CSS

How to align text in middle of div with multi resolution font size
Check out this Working Fiddle my solution works without fixing the line-height (its better not to fix it, in case of multiple lines, or different font sizes) Tested on: IE10, IE9, FF, Chrome without changing the markup: add this to your CSS .TileCharacter { color:yellow; /*From your CSS*/ display: inline-block; text-align:center; width: 100%; } .TileCharacter:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } also you can remove the text-align:center; & vertical-align:middle; from .cardPile2 rule.

Categories : Jquery

font-weight: bold with @font-face not working in IE9
IE doesn't support using a different font-weight than was specified in a @font-face rule. You can read more about this here: @font-face IE9 font-weight doesn't work

Categories : CSS

Why does java use an oblique font when asking for a plain monospaced font?
Since the plain Font.MONOSPACED logical font is buggy on my system, my solution was to list all the fonts available on my system with : System.out.println("Listing available fonts"); for (Font f : GraphicsEnvironment.getLocalGraphicsEnvironment().getAllFonts()) System.out.println("- "+f); And trying the mono-ones and typewriter-ones that claims to be plain or regular or anything that is not oblique until I found one that is really plain. I ended up with Lucida Sans Typewriter Regular.

Categories : Java

Change font styles wrt @font-face support
I think here you should be use IE Hacks and you can also read about other hacks chrome and firefox to be able check versions and match them, but i wanna focus on specifiec browser - Internet Explorer So as i started to say, you can use IE hacks to match fontsize, example: <!--[if IE]> <style> span{ font-size: 30px; } </style> <![endif]--> <style> span{ font-size: 20px; } </style> Like I said, you can use firefox/chrome and other browsers css "hacks" to check version, and check supporting @fontface, I've not gave you fontface example since I don't have link and i perfer not make a confuse. Hope I helped. EDIT: I'm not sure if I'm clear then I would like make a fast point: You can check each browsers (also each version) and see if he su

Categories : CSS

Set wxPython widget font to external font file
I was interested in this myself, and kluged something together to try it out. I looked at http://wiki.wxpython.org/UsingFonts and tried the wx.TheFontList.FindOrCreateFont method to try and load the font into wxpython. This failed, as the AddFontResourceA call returned 0, which is a failure code; it provided no further information. THANKS MICROSOFT!! If you install the font to the system (assuming Windows), the font selection works. I tried this on wxpython 2.8, Windows 7 64bit and with the Proggy fonts from ctypes import * import os gdi32= WinDLL("gdi32.dll") font_path = os.path.abspath("ProggySquare.tff") print font_path print gdi32.AddFontResourceA(font_path) import wx class DrawPanel(wx.Panel): def __init__(self, parent): wx.Panel.__init__(self, parent) self.B

Categories : Python

What is the best practice in adjusting CSS to compensate for the padding at the bottom that is added by the font?
It appears you're padding the 12px on the right, not the bottom. Without seeing the other CSS it's difficult to tell just why it's cutting off like that. Do you have a set page / container height? That would take precedence here.

Categories : CSS

Bootstrap 3 - Align font-awesome icon inside button vertically
Set both elements to display inline-block and then set the span to take up a percentage of the space. In this case 90% / 10% seems to work good. span { vertical-align:middle; display:inline-block; width:90%; } To remove the padding you can do this: (probably want to add a some left padding) .btn-foo1, .btn-foo2 { padding:0; border:0; } Change display to inline block, and remove right float: .btn-foo1 [class^="icon-"], .btn-foo2 [class^="icon-"], .btn-foo1 [class*=" icon-"], .btn-foo2 [class*=" icon-"] { background-color: red; display:inline-block; vertical-align:middle; padding:24px; width:10%; } Demo: http://jsfiddle.net/9brbD/19/ Also I would add a class to the span, instead of using span {} use myClass {}.

Categories : HTML

Icon font characters are different sizes but have exactly the same CSS
Found it. For some reason font-awesome has a .icon-large class built in that I didn't know about. I changed the large setting and it fixed everything. I had to dig around in the inspector comparing the two elements down to the very last selector to find it.

Categories : HTML

how to set different font-weights for characters in the same input box
Input boxes do not support multiple styling. You need to overlay a DIV and use HTML within that DIV to "simulate" what you want to achieve visually and use CSS to make it still look as if it were an input box. You will need to write some JavaScript to make this work.

Categories : Javascript

How to find the used characters in a subsetted font?
The solution is to save the font data to a file and load it into a font editor. A subset font file is still a valid font file but it is possible that FontForge expects some data in the font that is not there. I have seen also many fonts that are not properly subset and this could also cause loading problems in a font editor.

Categories : Pdf

How to define CSS font size within font tags?
Of course you can. Try adding this to a css style included in your page: font[size="2"] { font-size: 20px; } font[size="3"] { font-size: 30px; } Naturally you have to choose the size you prefer. By the way, the <font> tag is obsolete, and you should not use it. Use <span> and assign it a class, instead. Further reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/font

Categories : HTML

How to change the font-awesome text font?
Fixed - used the following code to overwrite <span class="icon-thumbs-up"> <span style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; font-size:12px;" >vote</span> <span class="icon-thumbs-down">

Categories : Twitter

How to standardise font-sizes across different font-family
The sizes of characters (relative to font size) depend on the decisions of the font designer. This is basically just something that you need to take into account when choosing font combinations. As a rule, fonts don’t mix well, unless designed to. The font-size-adjust property was intended to address this problem. But it is supported by Firefox only, and in a broken way.

Categories : CSS

Controlling when font face downloads the font
You should set a list of font-families, and the browser will use the first one that is available. So if you set font-family: 'Century Gothic', 'Your Other Font', then the other font will only be used if Century Gothic is not available. This page indicates that @font-face rules that are not actually used, will not be downloaded: Turns out if you use @font-face but don't ever apply that font-family, the font won't be downloaded. Pretty smart, browsers

Categories : Javascript

@font-face not working for my ttf font in all browsers
try this : @font-face required eot, woff, svg, font format. @font-face { font-family: "tamil"; src: url("tamil.eot") format('embedded-opentype'), /* EDIT correction on this line */ url('tamil.woff') format('woff'), url('tamil.ttf') format('truetype'), url('tamilvg#') format('svg'); font-weight:bold; font-style:normal; } or <FilesMatch ".(ttf|otf|eot)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>` and i am sure if you want to make @fontface kit on this sites http://www.fontsquirrel.com/

Categories : CSS

iOS: referring to a specific font within a font family?
So your fonts just aren't working? You almost guaranteed have the wrong name (if you've already added it to the plist). Check your font name: for (NSString *name in [UIFont familyNames]) { NSLog(@"Family name : %@", name); for (NSString *font in [UIFont fontNamesForFamilyName:name]) { NSLog(@"Font name : %@", font); } } However I'd also check out this answer: Font not loading in XCode The .otf may be the problem.

Categories : IOS

iOS - Is hard coding the font / font size bad?
iOS is not as versatile as other platforms for those kind of things, and setting the size and the font in code is a common practice, either in your class or in a external Contanst class, or just set them in Interface Builder if you are using it. As a personal preference, setting the fonts in Interface Builder makes them harder to see, I prefer to have all the fonts set in my class and see them together. Then, if I change a font, the rest of them will change at the same time, I dont have to go one by one with all the elements in the xib. In any of the solutions you'll have to recompile every time you change the font. What I can think in terms of adapting it for different languages could be resizing the label where the text is set doing something like: myLabel.minimumFontSize = 8.; myLab

Categories : IOS

Custom font not working ubuntu font
in which browser it is not working? Please make sure that font type is available in the mentioned path. The @font-face rule is supported in Internet Explorer 9, Firefox, Opera, Chrome, and Safari. However, Internet Explorer 9 only supports .eot type fonts, while Firefox, Chrome, Safari, and Opera support .ttf and .otf type fonts. Note: Internet Explorer 8 and earlier versions, do not support the @font-face rule.

Categories : CSS



© Copyright 2017 w3hello.com Publishing Limited. All rights reserved.