fontawesome webfont

Using Google-hosted JavaScript libraries in projects Author: chszs, reprinted with note.Author blog homepage: http://blog.csdn.net/chszs Google provides many open-source JavaScript libraries, including jquery, dojo, mootools, prototype, swfobject, webfont loader, script. aculo. Us, jquery UI, and angularjs. To use the libraries provided by Google, simply use label. The libraries provided by Google are stable, reliable, fast, and glob

, and the transparency effect cannot be achieved with CSS.4, If the page has more small icon, first consider the use of Webfont, if the Webfont can not meet the requirements, you must use CSS sprite to merge the picture, to compress the overall picture size, while reducing the page request to improve access speed. In addition to the PNG image compression, in addition to adjust the maximum index color, this

code in the resources option in Chrome's console, it is recommended to use Chrome's "pretty print" feature, which is to click on the "{}" icon.WhatfontTo see which fonts are used for the current page, Firebug and WebKit Inspector can also view the fonts, but far from being webfont convenient, webfont can view the fonts by hovering over the elements. It also supports viewing network fonts, such as Typekit a

Web Font syntax@font-face{ font-family:""; src:url() format() ....}Compatibility wording@font-face { font-family: ‘diyfont‘; src: url(‘diyfont.eot‘); /* IE9+ */ src: url(‘diyfont.eot?#iefix‘) format(‘embedded-opentype‘), /* IE6-IE8 */ url(‘diyfont.woff‘) format(‘woff‘), /* chrome、firefox */ url(‘diyfont.ttf‘) format(‘truetype‘), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url(‘diyfont.svg#fontname‘) format(‘svg‘); /* iOS 4

-bgcolor The background color of the circle #eeeeee Data-fill Rounded Fill background color Empty Data-type Circular statistic type, which can be "half" or "full" Full Data-total Total data, used in conjunction with Data-part Empty Data-part Amount of data, used in conjunction with Data-total Empty Data-border Circular style, can be added border, such as inline or outline

TTF and JSON file to easily expand special fonts Currently supports 4 kinds of picture fonts Fontawesome, Zocial-regular, Ionicons, Foundation Fontawesome 4.1 Font library with 439 icons Foundation icons Font library with 283 icons Zocial Contains Font Library with 99 icons Ionicons 1.5.2 Font Library with 601 icons, mostly IOS7 style 1.0.2 version Update Fix some header f

display the background color,　　The simplest way to do this is to use a structured pseudo-class, which can be implemented as a style setting.　　The structured pseudo-class has the following writing options, and as for what it means, it can be understood literally:　　3.2. Pseudo-Elements　　remember, pseudo-elements are a very important concept ! Among them,: Before and : After is very common.First, let's take a look at : Before and : What's going on after.　　, we can see that the content can be added

: how to display the background color at a table interval, 　　 The simplest way is to use a structured pseudo-class and set a style. 　　 Structured pseudo-classes have the following writing options. What do you mean? You can understand them literally: 　　3.2. pseudo elements Remember, pseudo elements are a very important concept! Among them,: before AND: after are very common. First, let's take a look at the following: before AND: after. 　　 , We can see that you can add content before and after th

awesome1 on Android. Download Font awesome2. Unzip the downloaded compressed packageCopy the Fontawesome-webfont.ttf file under the Fonts directory to the Asset folder3. Writing String.xmlFirst you need to write the String.xml file, you need to go to the http://fortawesome.github.io/Font-Awesome/cheatsheet/connection to find the font icon corresponding to the string.string name="Heard">#xf004;string name="Fa_google_plus">#xf0d5;string name="Fa_save">

Just encountered a CSS loading font cross-domain problem, record it.A site's dynamic request is a different domain name than a static file request. The domain name of the site is www.domain.com, and the domain name of the static file is st.domain.com.Problem:Page load CSS file: External fonts are called in this CSS as follows:@font-face {font-family: ' Fontawesome ';Src:url ('.. /font/fontawesome-webfont.eo

simplest way to do this is to use a structured pseudo-class, which can be implemented as a style setting.　　The structured pseudo-class has the following writing options, and as for what it means, it can be understood literally:　　3.2. Pseudo-ElementsRemember, pseudo-elements are a very important concept! Among them,: Before and: After is very common.First, let's take a look at: Before and: What's going on after.　　, we can see that the content can be added before and after the element. The "conte

Environment: ASP. NET Core 21. QuestionsThe recent project encountered a point when invoking the remote UI and could not load the font file in the remote CSS file when it was called. Definition of font for remote CSS files:@font-Face{ font'fontawesome'; Src:url ('.. /fonts/fontawesome-webfont.eot?v=4.7.0'); ...}The browser did not access the remote font resource as expected and threw an exception:The effect is that cors policies prevent fonts

property, and the following is the Setup checklist. Parameters Describe Default value Data-dimension Width and height of the circular chart px 250 Data-text Text content displayed inside the circle Empty Data-info Description information displayed under Data-text Empty Data-width The thickness of the circle px 15 Data-fontsize Circle Text Size px 15

-awesome folder. In this file, you can see the following important styles: . @{fa-css-prefix} { display:inline-block; Font:normal normal normal @fa-font-size-base/@fa-line-height-base fontawesome; Shortening font declaration Font-size:inherit//Can ' t have font-size inherit on line above, so need to override The above styles are the basis for all font Awesome icon styles, including the font Awesome icon for fonts, which can be used to

height of a circular chart px 250 Data-text Text displayed inside the circle Empty Data-info Descriptive information displayed under Data-text Empty Data-width Thickness of the circle px 15 Data-fontsize Circle Text Size px 15 Data-percent Circle Statistics percent%,1-100 50 Data-fgcolor The foreground color of the circle #556b2f Data-bgcolor Background color of a

rich attribute options, which are based on html5 data attributes. The following is a configuration list. Parameters Description Default Value Data-dimension Width and height px of a circular chart 250 Data-text Text content displayed inside the circle Empty Data-info Description in data-text Empty Data-width Circle thickness px 15 Data-fontsize Incircle text size px 15 Data-percent Percentage

Circle Thickness px 15Data-fontsize Circle Text Size px 15Data-percent Circle Statistics percent%,1-100 50Data-fgcolor the foreground color of the circle #556b2fData-bgcolor the background color of the circle #eeeeeeData-fill round fill background color emptyData-type round statistic type, can be "half" or "full"Data-total total data, use empty with Data-partData-part The amount of data, use empty with data-totalData-border circular style, can be added border, such as inline or outline emptyDat

;}. Modern-slider. Item. Img-fill. info {Position:absolute;width:100%;height:100%;top:0px;left:0px;Background:rgba (0, 0, 0,. 50);LINE-HEIGHT:100VH;Text-align:center;}. Modern-slider. Item. img-fill img {-webkit-filter:blur (5px);Filter:blur (5px);}. Modern-slider. Item. info > Div {Display:inline-block!important;Vertical-align:middle;}. Modern-slider. Nextarrow {Position:absolute;top:50%;right:0px;width:45px;height:45px;Background:rgba (0, 0, 0,. 50);border:0 none;Margin-top: -22.5px;Text-align

HTML5 data property, and the following is the Setup checklist. Parameters Describe Default value Data-dimension Width and height of the circular chart px 250 Data-text Text content displayed inside the circle Empty Data-info Description information displayed under Data-text Empty Data-width The thickness of the circle px 15 Data-fontsize Circle Text Size px

this is to use a structured pseudo-class, which can be implemented as a style setting.　　The structured pseudo-class has the following writing options, and as for what it means, it can be understood literally:　　3.2. Pseudo-Elements　　remember, pseudo-elements are a very important concept ! Among them,: Before and : After is very common.First, let's take a look at : Before and : What's going on after.　　, we can see that the content can be added before and after the element. The "content" here can