**** Font-family: saminfood;
FIX: ($currentlang=="vietnamese"?"Liên hệ":"Contact")
Hiển thị các bài đăng có nhãn Font. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Font. Hiển thị tất cả bài đăng
Thứ Sáu, 12 tháng 3, 2021
Thứ Sáu, 6 tháng 11, 2020
Font Saminfood
Download: tại đây
**** CSS:
@font-face {
font-family: 'saminfood';
src: url("../font/saminfood-Regular.eot") format("embedded-opentype"),
url("../font/saminfood-Regular.woff") format("woff"),
url("../images/saminfood.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'saminfood';
src: url("../font/saminfood-Italic.eot") format("embedded-opentype"),
url("../font/saminfood-Italic.woff") format("woff"),
url("../font/saminfood-Italic.ttf") format("truetype");
font-style: italic;
}
@font-face {
font-family: 'saminfood';
src: url("../font/saminfood-SemiBold.eot") format("embedded-opentype"),
url("../font/saminfood-SemiBold.woff") format("woff"),
url("../font/saminfood-SemiBold.ttf") format("truetype");
font-weight: 700;
}
@font-face {
font-family: 'saminfood';
src: url("../font/saminfood-SemiBoldItalic.eot") format("embedded-opentype"),
url("../font/saminfood-SemiBoldItalic.woff") format("woff"),
url("../font/saminfood-SemiBoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: italic;
}
Thứ Tư, 21 tháng 8, 2019
Font chữ nhỏ camingodos-web
<style type="text/css">
@font-face{font-family:camingodos-web;src:url(https://use.typekit.net/af/bc2f8c/00000000000000000000ea18/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/bc2f8c/00000000000000000000ea18/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/bc2f8c/00000000000000000000ea18/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-weight:700;font-style:normal;}
@font-face{font-family:camingodos-web;src:url(https://use.typekit.net/af/5fc41b/00000000000000000000ea12/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/5fc41b/00000000000000000000ea12/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/5fc41b/00000000000000000000ea12/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");font-weight:300;font-style:normal;}
</style>
Link: http://titijp.vihan.net - menu
@font-face{font-family:camingodos-web;src:url(https://use.typekit.net/af/bc2f8c/00000000000000000000ea18/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/bc2f8c/00000000000000000000ea18/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/bc2f8c/00000000000000000000ea18/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-weight:700;font-style:normal;}
@font-face{font-family:camingodos-web;src:url(https://use.typekit.net/af/5fc41b/00000000000000000000ea12/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/5fc41b/00000000000000000000ea12/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/5fc41b/00000000000000000000ea12/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");font-weight:300;font-style:normal;}
</style>
Link: http://titijp.vihan.net - menu
Thứ Hai, 21 tháng 5, 2018
Thứ Ba, 14 tháng 3, 2017
Thứ Hai, 8 tháng 9, 2014
FONT CKEDITOR TINYMCE
DOWNLOAD TINYMCE TẠI ĐÂY: Tại đây
CÁCH 1:
<script type="text/javascript">
tinymce.PluginManager.load('moxiemanager', 'http://www.tinymce.com/tryit/js/moxiemanager/plugin.min.js');
tinymce.init({
selector: "textarea.input_text_vihan",
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor filemanager"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent ",
toolbar2: "print preview media | forecolor backcolor emoticons | link image pagebreak fontsizeselect fontselect",
image_advtab: true,
font_size_classes : "fontSize1,fontSize2,fontSize3,fontSize4,fontSize5,fontSize6,fontSize7",
theme_advanced_fonts : "Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n",
templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
]
});
</script>
#----------------------------------------------------------#
CÁCH 2:
<script type="text/javascript" src="../tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.PluginManager.load('moxiemanager', 'http://www.tinymce.com/tryit/js/moxiemanager/plugin.min.js');
tinymce.init({
height : 300,
selector: "textarea.input_text_vihan",
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor filemanager"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent ",
toolbar2: "print preview media | forecolor backcolor emoticons | link image pagebreak fontsizeselect fontselect",
image_advtab: true,
font_size_classes : "fontSize1,fontSize2,fontSize3,fontSize4,fontSize5,fontSize6,fontSize7",
theme_advanced_fonts : "Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n",
templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
]
});
</script>
#################################################################
FUNCTION SHOW
function draw_input($name,$values='',$width=700,$height=400,$hidden=0, $ToolbarSet="Default"){
?>
<textarea name="<?php echo $name; ?>" class="input_text_vihan" style="width:100%,height:<?php echo $height ?>px;">
<?php echo htmlspecialchars_decode($values); ?>
</textarea>
<?php
return;
}
--------------------------------------------------------------------------------------------------------------
<script type="text/javascript" src="../tinymce/tinymce.min.js"></script>
## có font-style + font-family + kich thuot to hon
<script type="text/javascript">
tinymce.PluginManager.load('moxiemanager', 'http://www.tinymce.com/tryit/js/moxiemanager/plugin.min.js');
tinymce.init({
height : 500,
selector: "textarea.input_text_vihan",
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor filemanager"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent ",
toolbar2: "print preview media | forecolor backcolor emoticons | link image pagebreak fontsizeselect fontselect",
image_advtab: true,
font_size_classes : "fontSize1,fontSize2,fontSize3,fontSize4,fontSize5,fontSize6,fontSize7",
theme_advanced_fonts : "Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n",
templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
]
});
</script>
###############################################
<script type="text/javascript">
tinymce.PluginManager.load('moxiemanager', 'http://www.tinymce.com/tryit/js/moxiemanager/plugin.min.js');
tinymce.init({
selector: "textarea.input_text_vihan",
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor filemanager"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent ",
toolbar2: "print preview media | forecolor backcolor emoticons | link image",
image_advtab: true,
templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
]
});
</script>
###############################################
updating 26/07/2016
<script type="text/javascript">
tinymce.PluginManager.load('moxiemanager', 'http://www.tinymce.com/tryit/js/moxiemanager/plugin.min.js');
tinymce.init({
height : 300,
selector: "textarea.input_text_vihan",
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor filemanager"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent ",
toolbar2: "print preview media | forecolor backcolor emoticons | link image pagebreak fontsizeselect fontselect",
image_advtab: true,
font_size_classes : "fontSize1,fontSize2,fontSize3,fontSize4,fontSize5,fontSize6,fontSize7",
theme_advanced_fonts : "Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n",
templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
]
});
</script>
CÁCH 1:
<script type="text/javascript">
tinymce.PluginManager.load('moxiemanager', 'http://www.tinymce.com/tryit/js/moxiemanager/plugin.min.js');
tinymce.init({
selector: "textarea.input_text_vihan",
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor filemanager"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent ",
toolbar2: "print preview media | forecolor backcolor emoticons | link image pagebreak fontsizeselect fontselect",
image_advtab: true,
font_size_classes : "fontSize1,fontSize2,fontSize3,fontSize4,fontSize5,fontSize6,fontSize7",
theme_advanced_fonts : "Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n",
templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
]
});
</script>
#----------------------------------------------------------#
CÁCH 2:
<script type="text/javascript" src="../tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.PluginManager.load('moxiemanager', 'http://www.tinymce.com/tryit/js/moxiemanager/plugin.min.js');
tinymce.init({
height : 300,
selector: "textarea.input_text_vihan",
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor filemanager"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent ",
toolbar2: "print preview media | forecolor backcolor emoticons | link image pagebreak fontsizeselect fontselect",
image_advtab: true,
font_size_classes : "fontSize1,fontSize2,fontSize3,fontSize4,fontSize5,fontSize6,fontSize7",
theme_advanced_fonts : "Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n",
templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
]
});
</script>
#################################################################
FUNCTION SHOW
function draw_input($name,$values='',$width=700,$height=400,$hidden=0, $ToolbarSet="Default"){
?>
<textarea name="<?php echo $name; ?>" class="input_text_vihan" style="width:100%,height:<?php echo $height ?>px;">
<?php echo htmlspecialchars_decode($values); ?>
</textarea>
<?php
return;
}
--------------------------------------------------------------------------------------------------------------
ALL TINYMCE SHOW
## có font-style + font-family + kich thuot to hon
<script type="text/javascript">
tinymce.PluginManager.load('moxiemanager', 'http://www.tinymce.com/tryit/js/moxiemanager/plugin.min.js');
tinymce.init({
height : 500,
selector: "textarea.input_text_vihan",
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor filemanager"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent ",
toolbar2: "print preview media | forecolor backcolor emoticons | link image pagebreak fontsizeselect fontselect",
image_advtab: true,
font_size_classes : "fontSize1,fontSize2,fontSize3,fontSize4,fontSize5,fontSize6,fontSize7",
theme_advanced_fonts : "Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n",
templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
]
});
</script>
###############################################
<script type="text/javascript">
tinymce.PluginManager.load('moxiemanager', 'http://www.tinymce.com/tryit/js/moxiemanager/plugin.min.js');
tinymce.init({
selector: "textarea.input_text_vihan",
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor filemanager"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent ",
toolbar2: "print preview media | forecolor backcolor emoticons | link image",
image_advtab: true,
templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
]
});
</script>
###############################################
updating 26/07/2016
<script type="text/javascript">
tinymce.PluginManager.load('moxiemanager', 'http://www.tinymce.com/tryit/js/moxiemanager/plugin.min.js');
tinymce.init({
height : 300,
selector: "textarea.input_text_vihan",
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor filemanager"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent ",
toolbar2: "print preview media | forecolor backcolor emoticons | link image pagebreak fontsizeselect fontselect",
image_advtab: true,
font_size_classes : "fontSize1,fontSize2,fontSize3,fontSize4,fontSize5,fontSize6,fontSize7",
theme_advanced_fonts : "Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n",
templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
]
});
</script>
Thứ Hai, 11 tháng 8, 2014
Thứ Năm, 2 tháng 1, 2014
font- code dep
.title-box .title-box_primary {
color: #DF3B1F;
font: 400 28px/38px Pacifico;
margin-bottom: 0;
padding-bottom: 10px;
}
-------------------------------------------------------------
Font-family: simsun
font chữ đẹp
-------------------------------------------------------------
Font-family: simsun
font chữ đẹp
Chủ Nhật, 1 tháng 12, 2013
Thứ Tư, 6 tháng 11, 2013
font chữ css
**** cách 01
@font-face {
font-family: "Anton"; // tên này do mình tự đặt
font-style: normal;
font-weight: 600;
src: local("Anton"), url("../images/GRGAREF.TTF");
}
.menu ul li a{
color:red;
font-family: "Anton"; // tên này bắt buộc phải giống tên phía trên
}
File : GRGARFF.TTF nằm trong Sources - style/images/GRGARFF.TTF
link website: http://shophoangtam.com
**** cách 02
link website: http://www.google.com/fonts
Đăng ký:
Bài đăng (Atom)