Custom font set with SBL_BLit and screenshots

32 views
Skip to first unread message

Jared

unread,
Apr 13, 2015, 1:30:18 PM4/13/15
to and-...@googlegroups.com
I enjoy the versatility of SBL_BLit font with the characters it has across Greek, Hebrew and modern languages.  With the new release of AndBible I set it as default and would like to share how it looks on my phone:


I would vote toward a font like this handling the default display of AndBible, any discussers on this topic?

Below is my stylesheet (the non-primary color palette is not optimized yet):  

/jsword/fonts/SBL_BLit.ttf  from download here
/jsword/css/style.css
@font-face {
font-family: 'SBL_BLit';
src: url('../fonts/SBL_BLit.ttf') format('truetype');
}
/* make foreground text black */
body {
color: #000;
font-family:"SBL_BLit";
}

/* also make the headings grey */
h1, .heading1 {
color: #666;
}
h1 a, .heading2, .heading3, .heading4 {
color: #999;
}
/* make cross references dark grey */
a {
color: #333;
}
/* use a more browny colour for redletter otherwise it is too bright */
.redLetter {
color: #3D1E06;
}
/* make the verse numbers grey too */
.verseNo {
color: #999;
}
/* change Strongs to dark grey so as not to clash */
.strongs {
color: #333;
}

Jared

unread,
Apr 13, 2015, 10:56:46 PM4/13/15
to and-...@googlegroups.com
Another version of the styling with text justification and more clean up.

@font-face {
font-family: 'SBL_BLit';
src: url('../fonts/SBL_BLit.ttf') format('truetype');
font-weight:normal;
font-style:normal;
font-stretch:normal;
}
/* make foreground text black */
body {
color: #000;
font-family:"SBL_BLit";
text-align: justify;
text-justify: inter-word;
margin:0 15px 0 15px;
}
/* also make the headings grey */
h1, .heading1 {
color: #666;
font-family:Sans;
font-style: italic;
margin-left:-10px;
}
h1 a, .heading2, .heading3, .heading4 {
color: #666;
font-family:Sans;
}
/* make cross references dark grey */
a {
color: #999;
font-family:Sans;
font-style: italic;
}
/* use a more browny colour for redletter otherwise it is too bright */
.redLetter {
color: #3D1E06;
}
/* make the verse numbers grey too */
.verseNo {
color: #999;
font-family:Sans;
}
/* change Strongs to dark grey so as not to clash */
.strongs {
color: #0041B6;
font-family:Sans;
}
/* footnotes? */

Jonathon

unread,
Apr 14, 2015, 12:37:30 AM4/14/15
to and-...@googlegroups.com
I'd like to use SBL Lit with AndBible & BibleTime M*.

How do you install the font, without rooting your device?

jonathon
--
Sent from my Android device with K-9 Mail. Please excuse my brevity.

Jared Meidal

unread,
Apr 14, 2015, 8:26:12 AM4/14/15
to and-...@googlegroups.com
No  need to root!

Just create the css and fonts directories on the /sdcard portion of your storage under /jsword
Then drop the font you want to use in "fonts"
Then my CSS code pulls from that directory.  So really it is not installed, just called upon in AndBible. 

--Jared
--
You received this message because you are subscribed to a topic in the Google Groups "And Bible" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/and-bible/Tyo2-LJtFXY/unsubscribe.
To unsubscribe from this group and all its topics, send an email to and-bible+...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Martin Denham

unread,
Apr 15, 2015, 5:54:30 PM4/15/15
to and-...@googlegroups.com
Another way to specify a custom font for And Bible is to use the Font Framework.

Cheers
Martin

--
You received this message because you are subscribed to the Google Groups "And Bible" group.
To unsubscribe from this group and stop receiving emails from it, send an email to and-bible+...@googlegroups.com.
Reply all
Reply to author
Forward
0 new messages