在第一次尝试 Semantic UI 后,发现其 css 中第一行,就引用了 fonts.googleapis.com 中的字体. 不知道为什么要这么做,也许在国外,google 的服务已经是一种互联网的基础设施了? 但是在中国,都懂的,这会大大的拖慢网站的加载速度,甚至加载出错. 其实还有一种情况,就是完全离线的网站,与互联网断开的,总不能连接到 google 去下载字体吧~ 话说查找这个问题的解决方案过程中,发现一个网站(https://google-webfonts-helper.hero…

1.Semantic UI中的验证控件,功能挺不错的,中文官网的文档写的都比较详细了,我再这里就不再进行重复了,主要是想说一下它的事件的使用方法,这个可能有部分朋友刚开始接触的时候不太了解 注意看这几个事件:前两个是对于字段验证通过和失败之后的事件的调用,后两个是对整个form是否都验证通过或者失败时调用的事件,于是我们在调用的时候可以这么写 function login() { $(".ui.form").form( { username: { identifier: 'userNa…

Semantic UI 默认使用的是谷歌提供的字体,并且是直接使用了谷歌的官方链接.由于大家都知道的原因,谷歌网站在国内访问速度很差,甚至根本无法访问,还有就是可能会在离线环境下使用 Semantic UI,不能总是依赖于在线字体,所以需要对 Semantic UI 的源文件进行一下手动修改. 1.首先根据上篇教程(http://www.cnblogs.com/xwgli/p/4770984.html)获取到 Semantic UI 未编译前的源代码: 2.找到并用文本编辑器打开源码中的文件:…

semantic ui css 的第一行引用了 google web font api,由于不可告人而又众所周知的原因,这条链接在国内无法访问: @import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin'); css 是阻塞渲染的,而 css 中的 import 又会进一步阻塞加载和渲染,所以就导致页面样式加载十分缓慢. 像 semantic ui 这样的开…

最近在弄FLEX的图表, 发现CHART 中的Legend 的字体通过直接设置Style 并没有办法改变字体大小. google 了下, 发现了这个方法: 通过派生LegendItem类,并设置Legend的ItemClass属性来实现. LegendItem 是Lengend 的元素, 就是里面一个一个的图示. 通过派生这个类, 就可以修改其相应的样式. 1. 派生LegendItem 类, 并设置样式. BigFontLegendItem.mxml <?xml version="1.0…

自己今后要使用Semantic UI进行项目开发了,一步步的记录下来,供大家参考,也让自己去简单的学习一下,有空了就会更新一点东西,大家有什么问题可以相互交流一下,文采不是很好,希望大家要多多见谅,这一基础教程(算了也不能叫教程吧)只是自己简单的记录一下项目中遇到的问题和自己的解决方法 一.认识Semantic UI 1.简单使用Semantic UI做一个登陆界面 2.使用Semantic UI中的验证控件,使用它的事件 二.使用Semantic UI做一个登陆界面 三.使用Semantic…

Qt4.7.1 默认没有中文字体库,迅为给用户提供“文泉驿”字体和配置方法.本节需要的 文件在网盘: 用一个简单测试程序说明“文泉驿”字体的配置方法. 在 Qt Creater 新建工程“nihao”,“nihao.ui”中输入中文字体如下图. 在主函数“main.cpp”添加如下代码. 将文件“wenquanyi_160_75.qpf”拷贝到开发板“/opt/qt-4.7.1/lib/fonts”,如下图. 输入命令“nihao -qws”效果如下图.…

目录: 1:CSS家族五大字体 2:360和谷歌外部字体引用方法 3:谷歌外部字体引用方法详解 4:@font-face用法详解 一: {font-family:serif,sans-serif,fantasy,cursive}表示什么意思 这是CSS中的五大字体家族. serifserif 中文翻译为“衬线字体族”.serif 具有末端加粗.扩张或尖细末端,或以实际的衬线结尾的一类字体.可以看出 serif 总是在文字末端做文章,这样做的目的是增强可读性,也就是说在字号比较小的时候,serif…

@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能支持吗?当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶.我的Blog就使用了许多这样的自定义Web字体,比如说首页的Logo,Tags以及页面中的手写英文体,很多朋友问我如何使用,能让自己的页面也支持这样的自定义字体,一句话这些都是@fo…

修改eclipse安装目录中的如下文件,添加黄色标记部分,并设定自己需要的字体大小(这里是10px)即可: \eclipse\plugins\org.eclipse.ui.themes_1.1.1.v20151026-1355\css\e4_default_win7.css CTabFolder.MArea .MPartStack, CTabFolder.MArea .MPartStack.active { swt-shadow-visible: false;} CTabFolder Canva…

设计图中默认的字体是对英文比较合适的,中文就看不清楚了,特别不美观.但是可以通过修改“Display Preferences”适应我们的汉字. 我使用的PowerDesigner版本是15.1(测试版本16也可以),不确定低版本的是否可以修改. 打开一个设计图,然后在菜单栏“Tools”->“Display Preferences”. 在左侧的树形菜单中选择“Format”-“Table”: 在右侧点击“Modify”: 进入“Font”选项卡: symbol:Table对象中的子对象,对它设置…

在PhpStorm–File–Settings–Tools–Terminal中可以看到terminal调用的系统的cmd.exe程序 因此需要做的就是修改系统的cmd.exe中的字体,如下: CMD命令行修改字体 cmd窗口标题处右键菜单–属性–字体选项卡中可选择字体及大小颜色设置 CMD命令行添加字体 1.修改注册表,键盘快捷键win+R,运行regedit 打开HKEY_LOCAL_MACHINE/SOFTWARE/Microsoft/Windows NT/CurrentVersion/Co…

由于众所周知的原因,国内使用google font库有很大的问题. 使用国内镜像如360网站卫士常用前端公共库CDN服务 http://libs.useso.com/ 优点:使用方便 缺点:目标用户包含国外的开发者,不清楚国外用户的加载速度 google字体库:fonts.useso.com google公共库:ajax.useso.com 常用前端公共库:libs.useso.com 一个个人的库:http://fonts.gmirror.org/ 本次使用AdminTLE UI框架发现页面加…

Bootstrap是由Twitter在2011年8月推出的开源WEB前端框架,集合CSS 和HTML,使用了最新的浏览器技术,为快速WEB开发提供了一套前端工具包,包括布局.网格.表格.按钮.表单.导航.提示,其核心就是基于Less框 架构建的CSS.Bootstrap框架拥有美观的样式和封装完善的JQ插件,使用方便,基于Bootstrap的扩展也很多,这是其他框架所无法比拟 的,也是其最受欢迎的条件之一. Foundation宣称是世界最好的响应式前端框架,默认支持5种网格布局,是三款框架中最…

最近,有网友反映称谷歌官网域名google.com.谷歌香港google.com.hk都打不开, ping了一下google.com和google.com.hk两个域名的服务器情况,最后ping出来的IP地址均显示为“美国”,也就是说谷歌香港(google.com.hk)的服务器,已由香港转移至美国,所以链接时间会很长,甚至断断续续出现请求超时的情况. 图:google.com.hk域名服务器ping测结果 Google服务在大陆的崩溃情况不仅影响到了广大网民,也影响到了数百万的站长.WordP…

在项目开发中,我们经常用外国的框架,如bootstrap.nodejs.angularjs 时候经常要配套google 字体等资源, 但是由于国内网络原因,经常框架跑起来,网页在请求google 字体时候,由于得不到响应,导致页面挂掉了,这是很尴尬的事情. 解决方法:1.代理 2.写一个小软件,批量下载google 字体,应用到项目中,解决这个问题. 基于这个需求,写了一个小软件,只要把涉及到google 字体的js copy 软件Textbox中,点击请求,下载google 字体,放到自己的项…

最近在找一个功能比较丰富的前端框架,之前一直使用的Bootstrap,感觉组件还是不够丰富,很多东西都需要不少自定义.于是就发现了 Semantic UI. 不过感觉网上相关的中文资料好少,官方网站(http://www.semantic-ui.cn/)倒是有小部分汉化,但是大部分内容还是都是英文的... 要开始使用这个框架,首先得要下载引用,嗯,这个步骤就头疼了一下,因为貌似没有直接现成的文件下载,需要使用 node.js.npm.gulp 等工具进行获取和编译. 之前只是看到过这几个单词,并…

我在上一篇文章 [Unity与Android]01-Unity与Android交互通信的简易实现) 中介绍了Unity与Android通讯的基本方法. 这一篇开始进入应用阶段,这次要介绍的是如何在Android工程中接入Google的AdMob. 关于AdMob AdMob是Google的一个广告平台,现在市面上(国外)的大部分免费游戏都是靠接入AdMob广告赚钱. AdMob提供了iOS,Android,Unity以及Cocos四大平台的SDK. 如果想在Unity游戏中接入AdMob,最快的…

原文:使用CefSharp在.NET中嵌入Google kernel 使用CefSharp可以在.NET轻松的嵌入Html,不用担心WPF与Winform 控件与它的兼容性问题,CefSharp大部分的代码是C#,它可以在VB或者其他.NET平台语言中来进行使用. 近几天来,公司项目中需要使用WebBrowser,其中考虑了几个控件,如1.Winform中的WebBrowser    2.WPF中的WebBrowser    3.WebKit.Net     4.CefSharp Winform…

Joomla - 优化(时区.google字体.压缩图片.压缩自定义代码) 一.时区 发布文章是往往会发现发布时间和当前时间对不上,原因是 Joomla 用的是国际标准时间,和中国时区大约相差8小时,想要解决此问题,只要在后台全局配置中修改时区即可 改为亚洲的时区 二.google字体 Joomla 加载页面较慢的问题一般出在 加载 google 字体,由于国内加载 google 字体比较困难(科学上网问题),页面渲染要等字体加载成功或加载失败后才进行,所以如果半天加载不到字体,就会感觉半天打不…

在国内访问的时候,WordPress 里面引用的 google 字体可能会导致加载速度变得很慢. 要修改的地方有(我使用的版本是 4.0): wp-includes 里面的 script-loader.php 有一行: $open_sans_font_url = "//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets"; 你使用的…

Swagger 是个好东西,对于前后端分离的网站来说,不仅是提高前后端开发人员沟通效率的利器,也大大方便了后端人员测试 API.有时候,API 中可能需要在 Header 中设置认证参数,比如 authToken,这样的功能我们通常是使用 ActionFilter 实现的,这就会导致 swagger UI 中缺少 authToken 字段,下面就来介绍解决这个问题的办法. 创建一个过滤器类,内容如下: /// <summary> /// this class is for swagger to…

从5月27号起,由于某些原因,Google服务在大陆的崩溃影响了数百万的站长,因为很多wordpress主题都在使用Google的在线字体方案-google fonts包括新版的WordPress 后台也有加载谷歌的JS.Google服务一不稳定,就影响独立博客的字体加载,使wordpress站点加载速度很慢. 为此,特整理部分修改方案. 一.将原Google地址替换为360的CDN(推荐) 利用360网站卫士提供的前端公共库CDN服务(http://libs.useso.com/)替换原有Wo…

Semantic UI 是一个 UI 库,使前端开发更简单,更容易学习.Semantic UI 介绍了许多界面元素.在大多数情况下,只有你需要的元素建立一个自定义的构建可能是最好的. UI 组件分为四大类,范围从最小到最大的范围分为:用户界面 ​​UI 元素集合,UI 模块和用户界面视图. 您可能感兴趣的相关文章 特别推荐:10套精美的免费网站后台管理系统模板 SlimerJS – Web开发人员可编写 JS 控制的浏览器 Parallax.js – 自适应智能设备方向的视差效果插件 Chanc…

@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中. 语法规则 首先我们一起来看看@font-face的语法规则: @font-face { font-family: <YourWebFontName>; src: <source> [<format>][,<source> [<format>]]*; [font-weight: <weight>]; [font-style: <style…

今天查看网站的源代码,发现有个glyphicons-halflings-regular.woff文件没有找到,因为我的网站使用了bootstrap的Glyphicons 字体图标,因此需要加载Glyphicons Halflings的相关文件,但是我的文件中明明有这个文件那怎么会报404错误呢? 那么具体是什么原因,我想到绝对路径中有,相同文件夹下的其他文件都可以找到为什么这个找不到呢?我发现这个文件的后缀是.woff,难道是因为我的服务器不支持这种文件,果然查资料知道我的空间使用的是Windo…

wordpress 安装好后,发现网站打开很慢. 查看原因后发现是因为总所周知的原因:google字体无法加载.gravatar头像无法加载. 在网上查了下,说是要把google字体加载连接修改下,和gravatar头像加载连接修改下. 但修改源文件了,下次 wordpress 升级就会失效. 在网上找了个 wordpress 的插件,解决了google字体加载问题,看了下源码,修改了下,也解决了gravatar头像的问题. 代码如下: <?php function izt_cdn_callba…

原文地址:https://github.com/skyline75489/what-happens-when-zh_CN#id9 本文试图回答一个古老的面试问题:当你在浏览器中输入google.com并且按下回车之后发生了什么? 不过我们不再局限于平常的回答,而是想办法回答地尽可能具体,不遗漏任何细节. 这将是一个协作的过程,所以深入挖掘吧,并且帮助我们一起完善它.仍然有大量的细节等待着你来添加,欢迎向我们发送Pull Requset! 回车键按下 为了从头开始,我们选择键盘上的回车键被按到最低…

http://oracleseeker.com/2009/08/25/font_mapping_setup_for_special_character_print_in_oracle_ebs_bip/ 如若在BIP报表中使用了一些特殊的字体,这些字体在JRE的字体库中没有的话,则BIP报表的运行结果就不正确,最典型的例子就是条码字体的打印. 如下图是我在rtf模板中使用code39字体设计的条码显示 但是在Oracle EBS环境下运行之后的结果如下,条码字体的格式丢失了: 这是由于FO引擎在生…

简介 网页开发中,CSS控制网页样式.作为测试开发工程师,我个人不太擅长手写CSS.样式微调.兼容浏览器等工作,所以我选择使用成熟的前端框架,可以快速开发出样式美观的网站,也解决了大部分浏览器兼容问题.前端框架百花齐放,我们公司的产品使用了Bootstrap,我个人使用的是Semantic UI. 安装Semantic UI 首先需要安装node.全局安装gulp(我使用的是Mac环境): brew install node sudo npm install -g gulp 然后进入项目的静态文…