This process might be one option.  
  
You could use the [IcoMoon App][1]. Their [library][2] includes FontAwesome which would get you off to a quick start, or you download glyphicon, and upload the fontawesome-webfont.svg  
 

For your custom icons, create SVGs, upload them to IcoMoon and add them to the FontAwesome / Glyphicon set.
  
When you are finished export the font set and load it as you would any icon font.  
  
Good luck! 

**UPDATE**

If your imported SVG file icons seem misaligned after importing into the iconmoom.app, first check how they actually look when used on a web page. It seems to me that the preview may not always be perfect. Alternatively, there is an edit icon in the iconmoon.app tool bar which lets you move and resize.


  [1]: http://icomoon.io/app/
  [2]: http://icomoon.io/app/#library

If anyone is looking for an alternate tool to the one mentioned here, I&#39;ve found [Glyphter][1] to be very useful. It is fairly straight forward and allows you to upload an `.svg` file, groom it, and add more glyphs from several other font packs. You can then download the entire bundle as its own font.


  [1]: https://glyphter.com/

I&#39;d like to create a stacked histogram.  If I have a single 2-D array, made of three equal length data sets, this is simple.  Code and image below:

    import numpy as np
    from matplotlib import pyplot as plt

    # create 3 data sets with 1,000 samples
    mu, sigma = 200, 25
    x = mu + sigma*np.random.randn(1000,3)

    #Stack the data
    plt.figure()
    n, bins, patches = plt.hist(x, 30, stacked=True, density = True)
    plt.show()

![enter image description here][1]


However, if I try similar code with three data sets of a different length the results are that one histogram covers up another.  Is there any way I can do the stacked histogram with mixed length data sets?

    ##Continued from above
    ###Now as three separate arrays
    x1 = mu + sigma*np.random.randn(990,1)
    x2 = mu + sigma*np.random.randn(980,1)
    x3 = mu + sigma*np.random.randn(1000,1)

    #Stack the data
    plt.figure()
    plt.hist(x1, bins, stacked=True, density = True)
    plt.hist(x2, bins, stacked=True, density = True)
    plt.hist(x3, bins, stacked=True, density = True)
    plt.show()

![enter image description here][2]


  [1]: http://i.stack.imgur.com/4aBSy.png
  [2]: http://i.stack.imgur.com/sZ92m.png

Create stacked histogram from unequal length arrays

I am very new to C#. I have just run C# &#39;Hello World&#39; program using Visual Studio.

Can I run or compile a C# program without using Visual Studio?

If it is possible, then which compiler should I use?

Thanks

How can I compile and run c# program without using visual studio?

I am running twitter bootstrap3, and I am extremely happy with the new way it handles the icon as fonts. However: I need some custom icons; I need to make them myself, and ideally integrate it into the existing font. I have searched with no luck. I am well familiar with illustrator, vector graphics etc, but how to integrate?

Worst case scenario, I will make images the traditional way, but hope there is a better solution.

---

**How do I integrate a custom glyphicon with the existing (bootstrap 3) glyphicon font?** 

Twitter bootstrap 3 - create a custom glyphicon and add to glyphicon &quot;font&quot;

I am running twitter bootstrap3, and I am extremely happy with the new way it handles the icon as fonts. However: I need some custom icons; I need to make them myself, and ideally integrate it into the existing font. I have searched with no luck. I am well familiar with illustrator, vector graphics etc, but how to integrate?
Worst case scenario, I will make images the traditional way, but hope there is a better solution.
<hr>
How do I integrate a custom glyphicon with the existing (bootstrap 3) glyphicon font?

I have assigned a custom font of &#39;Helvetica&#39; with size 14 already for the text in UILabel using Interface Builder. 

I am using reusing the same label at multiple places, but at some place I have to display the text in bold.

Is there any way I can just specify to make the existing font bold instead of creating the whole UIFont again? This is what I do now:

    myLabel.font = [UIFont fontWithName:@&quot;Helvetica Neue&quot; size:14];

Setting BOLD font on iOS UILabel

What tab in chrome inspector shows the font files you&#39;re loading via font-face? I can&#39;t find it under resources. I&#39;m having an issue where one group of font-family files are loading, but another font-family is not. I have checked everything from going directly to the URL and seeing they are indeed present, but I would like to look in the inspector and see it loading the one font-family but not the other. Is this possible with chrome?

Where to see font files loaded by chrome in the inspector?

I have `UITextView *_masterText` and after call method `setText` property font is being reset. 
It&#39;s happening after I change sdk 7. 
_masterText is `IBOutlet`, global and properties are set in storyboard. It&#39;s only me or this is general SDK bug?

    @interface myViewController : UIViewController
    {
      IBOutlet UITextView *_masterText;
    }
    
    @implementation myViewController

    -(void)viewWillAppear:(BOOL)animated
    {
        [_masterText setText:@&quot;New text&quot;];
    }

UITextView style is being reset after setting text property

I am trying to insert a user icon inside username input field. 

I&#39;ve tried one of the solution from the [similar question](https://stackoverflow.com/questions/14736496/use-font-awesome-icons-in-css) 
knowing that `background-image` property won&#39;t work since [Font Awesome](http://fortawesome.github.io/Font-Awesome/) is a font.

The following is my approach and I can&#39;t get the icon display.

    .wrapper input[type=&quot;text&quot;] {
        position: relative;
    }
    
    .wrapper input[type=&quot;text&quot;]:before {
        font-family: &#39;FontAwesome&#39;;
        position: absolute;
        top: 0px;
        left: -5px;
        content: &quot;\f007&quot;;
    }


I have font face declared in the default font awesome css so I wasn&#39;t sure if adding font-family above was the right approach.

   

     @font-face {
         font-family: &#39;FontAwesome&#39;;
         src: url(&#39;../Font/fontawesome-webfont.eot?v=3.2.1&#39;);
         src: url(&#39;../Font/fontawesome-webfont.eot?#iefix&amp;v=3.2.1&#39;) format(&#39;embedded-opentype&#39;), url(&#39;../Font/fontawesome-webfont.woff?v=3.2.1&#39;) format(&#39;woff&#39;), url(&#39;../Font/fontawesome-webfont.ttf?v=3.2.1&#39;) format(&#39;truetype&#39;), url(&#39;../Font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1&#39;) format(&#39;svg&#39;);
     }

Font Awesome icon inside text input element

In the answer to [this question][1] the user lists values for `android:fontFamily` and 12 variants (see below). Where do these values come from? The documentation for `android:fontFamily` does not list this information in any place (I checked [here][2], and [here][3]). The strings are listed in the Android [styles.xml][4] file in various places, but how do these map back to the Roboto font?

&gt; From android 4.1 / 4.2, the following Roboto font families are
&gt; available:
&gt; 
&gt;     android:fontFamily=&quot;sans-serif&quot;           // roboto regular  
&gt;     android:fontFamily=&quot;sans-serif-light&quot;     // roboto light  
&gt;     android:fontFamily=&quot;sans-serif-condensed&quot; // roboto condensed  
&gt;     android:fontFamily=&quot;sans-serif-thin&quot;      // roboto thin (android 4.2)  
&gt;     android:fontFamily=&quot;sans-serif-medium&quot;    // roboto medium (android 5.0)
&gt;
&gt; in combination with this
&gt; 
&gt;     android:textStyle=&quot;normal|bold|italic&quot; 

&gt; 12 variants are possible:
&gt; 
&gt; * Regular 
&gt; * Italic 
&gt; * Bold 
&gt; * Bold-italic 
&gt; * Light 
&gt; * Light-italic 
&gt; * Thin 
&gt; * Thin-italic
&gt; * Condensed regular 
&gt; * Condensed italic 
&gt; * Condensed bold 
&gt; * Condensed bold-italic


In the `styles.xml` file in the application I&#39;m working on somebody listed this as the font family, and I&#39;m pretty sure it&#39;s wrong:

`&lt;item name=&quot;android:fontFamily&quot;&gt;Roboto-Regular.ttf&lt;/item&gt;`

I&#39;d like to get the theme for our app set up correctly (which includes using fontFamily correctly) and remove all the redundancy that is in some of the styles that were created before I had a look at the file.

  [1]: https://stackoverflow.com/questions/12128331/how-to-change-fontfamily-of-textview-in-android
  [2]: http://developer.android.com/reference/android/widget/TextView.html#attr_android:fontFamily
  [3]: http://developer.android.com/reference/android/R.attr.html#fontFamily
  [4]: https://github.com/android/platform_frameworks_base/blob/master/core/res/res/values/styles.xml

Valid values for android:fontFamily and what they map to?

I have added an icon to my app. It has rounded edges and no background. The problem is that when I run an app on my device (iPhone 5) the icon has a black background behind the edges as if it wasn&#39;t transparent. Any solutions?

iOS app icon with transparent background showing black background on device

I know how to use images in iOS application. But I don&#39;t know how to use default images like share or bookmark icons which are mention in developer site.

I want to use them. Do I need to download those set of images or those are available in Xcode?

If we have to download them, where I can get those icons?

How to use default iOS images?

I&#39;m wondering why so few modern web sites still use only PNGs for icons (but this assumption is just based my observation). So far I know, main reasons for using PNGs over SVGs are IE8 and that SVG uses more CPU power (but I don&#39;t believe this is any issue for simple 1K icons). I can see (and we currently use) many advantages in using SVGs, either when it&#39;s used as sprites, as images, or as inline SVG.

(Question https://stackoverflow.com/questions/21303801/looking-for-a-research-png-sprite-vs-svg-sprite-vs-icon-fonts focuses on performance and doesn&#39;t have relevant answer, https://stackoverflow.com/questions/23952828/icon-font-vs-svg-caching-and-network-concern focuses on network traffic, but it&#39;s easily solvable by e.g. templating.)

If new web site supports only modern browsers, is there any reason for not using SVGs (or - is there any reason for using PNGs for icons)? If we don&#39;t care about IE8 and the use of SVG is backed up by templating and/or caching, is there any catch to rely only on SVGs?

SVG icons vs. PNG icons in modern web sites

What does the red dot (circle) next to the app name below the app icon mean?

![enter image description here][1]

I added a Today Extension (Widget) to the app. It appears only when I launch the app on the iOS 8, it does not appear on iOS 7 simulator. Even though I removed the extension and cleared the simulator, it still appears before the app name.


  [1]: http://i.stack.imgur.com/i6fKr.png

Red dot (circle) next to the app name below the app icon on the iPhone Home Screen on iOS 8

How do I set the images so that I can archive and validate my app? The screen looks like this now:

![enter image description here][1] 

So the first one says `29pt`, but then it also says `2x`. So do I put a `29x29` image or a `58x58` image? And where do I put all of the other ones? (I know that there are more sizes than `29`, `40`, and `60`).

Anyway, what I tried was I dragged a `29x29` png onto the first slot, a `40x40` onto the second, and a `60x60` onto the third and fourth. When I went to `Product-&gt;Archive`, I get 

&gt;/Users/kendon/Documents/iPhone Apps/Sales Tool/Sales Tool/Images.xcassets: The app icon set named &quot;AppIcon&quot; did not have any applicable content.

  [1]: http://i.stack.imgur.com/PU5lU.png

iOS how to set app icon and launch images

I would like to have the labels not above the input field, but on the left side. 

    &lt;form method=&quot;post&quot; action=&quot;&quot; role=&quot;form&quot; class=&quot;form-inline&quot;&gt;
      &lt;div class=&quot;form-group&quot;&gt;
        &lt;label for=&quot;rg-from&quot;&gt;Ab: &lt;/label&gt;
        &lt;input type=&quot;text&quot; id=&quot;rg-from&quot; name=&quot;rg-from&quot; value=&quot;&quot; class=&quot;form-control&quot;&gt;
      &lt;/div&gt;
      &lt;div class=&quot;form-group&quot;&gt;
        &lt;label for=&quot;rg-to&quot;&gt;Bis: &lt;/label&gt;
        &lt;input type=&quot;text&quot; id=&quot;rg-to&quot; name=&quot;rg-to&quot; value=&quot;&quot; class=&quot;form-control&quot;&gt;
      &lt;/div&gt;
      &lt;div class=&quot;form-group&quot;&gt;
        &lt;input type=&quot;button&quot; value=&quot;Clear&quot; class=&quot;btn btn-default btn-clear&quot;&gt; 
        &lt;input type=&quot;submit&quot; value=&quot;Los!&quot; class=&quot;btn btn-primary&quot;&gt;
      &lt;/div&gt;
    &lt;/form&gt;


This code gives me:

![Code_Result_Bootstrap_3_Label][1]

I would like to have:

![Desired_Result_Bootstrap_3_Label][3]


  [1]: http://i.stack.imgur.com/JZYuM.png
  [3]: http://i.stack.imgur.com/YKvOY.png

Label on the left side instead above an input field

I want to build a form in Bootstrap 3 like this:

![][1]

My site (not the above link) just updates from Bootstrap 2.3.2 and the format is not correct anymore.

I cannot find any doc about this type of form on [getbootstrap.com](http://getbootstrap.com).

Could anyone tell me how to do this? Only &#39;Username&#39; would be OK.

Thanks.

**PS** There is a [similar question][2] but it&#39;s using Bootstrap 2.3.2.


  [1]: http://i.stack.imgur.com/gsVKH.png
  [2]: https://stackoverflow.com/questions/12201835/form-inline-inside-a-form-horizontal-in-twitter-bootstrap

Inline Form nested within Horizontal Form in Bootstrap 3

I am trying to implement left-aligned stacked tabs using the Tab jquery plugin in Bootstrap 3 where tabs are rendered vertically to the left of tab content, rather than on top. When I try the following;

       &lt;ul class=&quot;nav nav-tabs nav-stacked&quot;&gt;
            &lt;li&gt;&lt;a href=&quot;#tab1&quot; data-toggle=&quot;tab&quot;&gt;Tab 1&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;#tab2&quot; data-toggle=&quot;tab&quot;&gt;Tab 2&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;#tab3&quot; data-toggle=&quot;tab&quot;&gt;Tab 3&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;


        &lt;div class=&quot;tab-content&quot;&gt;
            &lt;div class=&quot;tab-pane fade&quot; id=&quot;tab1&quot;&gt;
                Tab 1 content
            &lt;/div&gt;
            &lt;div class=&quot;tab-pane fade&quot; id=&quot;tab2&quot;&gt;
                Tab 2 content              
            &lt;/div&gt;
            &lt;div class=&quot;tab-pane fade&quot; id=&quot;tab3&quot;&gt;
                Tab 3 content
            &lt;/div&gt;
        &lt;/div&gt;


Tabs are stacked on top of each other, but are not properly rendered as being turned to the left, instead they are just horizontal tabs stuck on top of each other. Tab content is properly shown/hidden in the content divs. 

This was handled in Bootstrap 2.x using the **tab-left** and **tab-right** classes, but this is deprecated in Bootstrap 3 and doesn&#39;t really seem to be replaced with anything. Does anyone know if proper left-right tab rendering is possible in the Bootstrap 3 Tab plugin?

Stacked Tabs in Bootstrap 3

I am a bootstrap newbie and I have a 100% wide template that I want to code with bootstrap. The first column begins at the left corner and I have a Google map the stretches to the rightmost. I thought I could do this with `container-fluid` class, but that doesn&#39;t seem to be available any longer. I have no idea how to achieve that layout with bootstrap 3. I am using the Geometry PSD template from themeforest, the link here if you want to see the layout : http://themeforest.net/item/geometry-design-for-geolocation-social-networkr/4752268

100% width Twitter Bootstrap 3 template

I want to use the Bootstrap 3 default navbar with an image logo instead of text branding. What&#39;s the proper way of doing this without causing any issues with different screen sizes? I assume this a common requirement, but I haven&#39;t yet seen a good code sample. A key requirement other than having acceptable display on all screen sizes is the menu collapsibility on smaller screens.

I tried just putting an IMG tag inside the A tag that has the navbar-brand class, but that caused the menu not to function properly on my android phone. I also tried increasing the height of the navbar class, but that screwed things up even more.

By the way, my logo image is larger than the height of the navbar.

Bootstrap 3 Navbar with Logo

How do I make bigger Glyphicons in twitter bootstrap 3.0 (not 2.3.x). 

This code will make my glyphicons big:

    &lt;button type=&quot;button&quot; class=&quot;btn btn-default btn-lg&quot;&gt;
       &lt;span class=&quot;glyphicon glyphicon-th-list&quot;&gt;
       &lt;/span&gt;
    &lt;/button&gt;

How can I get this size **without** using the btn-lg class while using **only** a span ?

This gives a small glyphicon:

    &lt;span class=&quot;glyphicon glyphicon-link&quot;&gt;&lt;/span&gt;





Bigger Glyphicons

How can I add a glyphicon to a text type input box? For example I want to have &#39;icon-user&#39; in a username input, something like this:

![enter image description here][1]


  [1]: http://i.stack.imgur.com/ijhXz.png

Add Bootstrap Glyphicon to Input Box

I&#39;ve been looking everywhere for a good explanation of how to add glyphicons to rails `link_to` and `button_to` helpers, but I&#39;ve found very little. What I&#39;ve gathered so far has led me to this:

    &lt;li&gt;
      &lt;%= link_to deals_path, class: &quot;btn btn-default&quot; do %&gt;
        &lt;%= content_tag(:i, &quot;Dasboard&quot;,:class=&gt;&#39; glyphicon, glyphicon-th-large&#39;) -%&gt;
      &lt;% end %&gt;
    &lt;/li&gt;

This doesn&#39;t work though and I think the one example I found was from Bootstrap 2. Can anyone point me to a good resource on this, or provide a quick example? Thanks in advance!

How to add glyphicons to rails link_to helper - Bootstrap 3

I would like to make the globe glyphicon bigger so that it covers up a large portion of the page (it&#39;s a vector image). It&#39;s not in a button or anything; it&#39;s just alone. Is there a way to do this?

    &lt;div class = &quot;jumbotron&quot;&gt;
    	&lt;span class=&quot;glyphicon glyphicon-globe&quot;&gt;&lt;/span&gt;
    &lt;/div&gt;	

How Do I Make Glyphicons Bigger? (Change Size?)

I want to present a button with `@Html.ActionLink` but i need to have my application font in the text.

With this code:

    &lt;span&gt;
        @Html.ActionLink(&quot;  Create New&quot;, &quot;Create&quot;, null, new { @class = &quot;btn btn-warning glyphicon glyphicon-plus-sign&quot; })
    &lt;/span&gt;

I get my button but the **Create New** text appears with the glyphicon font-family.

Putting the glyphicon classes in the span doesn&#39;t change anything

Content Type	Original Author	Original Content on Stackoverflow
Question	benteh	View Question on Stackoverflow
Solution 1 - Fonts	David Taiaroa	View Answer on Stackoverflow
Solution 2 - Fonts	MattMakes	View Answer on Stackoverflow

Twitter bootstrap 3 - create a custom glyphicon and add to glyphicon "font"

Fonts Problem Overview

Fonts Solutions

Solution 1 - Fonts

Solution 2 - Fonts

How can I compile and run c# program without using visual studio?

Create stacked histogram from unequal length arrays

Attributions