├── .gitignore
├── README.md
├── downloader.php
└── index.php


/.gitignore:
--------------------------------------------------------------------------------
1 | google-fonts.css
2 | fonts


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | Google Fonts Downloader
 2 | ==
 3 | **A PHP script to download [Google Fonts](https://www.google.com/fonts) so you can use them in offline**
 4 | 
 5 | Usage
 6 | --
 7 | * Open the script in your browser and copy/paste the google `<link ...>` code in the input box and press "Download". A sample `<link ...>` for Open Sans is there by default.
 8 | * After downloading, you can find the fonts in `fonts` directory and the css file as `google-fonts.css` file in the root directory.
 9 | 
10 | Note
11 | --
12 | I use assets directory structure like this:
13 | ```
14 | assets/
15 | ├── css/
16 | │   └── google-fonts.css
17 | └── fonts/
18 |     ├── cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf
19 |     ├── DXI1ORHCpsQm3Vp6mXoaTYnF5uFdDttMLvmWuJdhhgs.ttf
20 |     └── k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf
21 | ```
22 | So the path in the font in the css file is `url(../fonts/font-file.ttf)`. So if you use different directory structure to manage your assets, then change the **line no 57** in downloader.php.
23 | 


--------------------------------------------------------------------------------
/downloader.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The downloader script
 4 |  *
 5 |  * @package     Google Fonts Downloader
 6 |  */
 7 | 
 8 | if ( !empty( $_POST )  && !empty( $_POST['link'] ) ) {
 9 | 	$link = $_POST['link'];
10 | 
11 | 	$regex_url = "/(http|https|ftp|ftps)\:\/\/[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,3}(\/\S*)?/";
12 | 
13 | 	// Check if there is a url in the text
14 | 	if( preg_match( $regex_url, $link, $url ) ) {
15 | 
16 | 		$css_file = "google-fonts.css";
17 | 		$google_css = $url[0];
18 | 		$google_css = rtrim( $google_css, "'" );
19 | 
20 | 		$ch = curl_init();
21 | 		$fp = fopen ( $css_file, 'w+' );
22 | 		$ch = curl_init( $google_css );
23 | 		curl_setopt( $ch, CURLOPT_TIMEOUT, 50 );
24 | 		curl_setopt( $ch, CURLOPT_FILE, $fp );
25 | 		curl_setopt( $ch, CURLOPT_FOLLOWLOCATION, 1 );
26 | 		curl_exec( $ch );
27 | 		curl_close( $ch );
28 | 		fclose( $fp );		
29 | 
30 | 		// fonts folder operations. Delete if exists. Then create a new
31 | 		if ( file_exists( "fonts" ) ) {
32 | 			delTree( "fonts" );
33 | 		}
34 | 
35 | 		mkdir( "fonts" );
36 | 
37 | 		// get the download css content
38 | 		$css_file_contents = file_get_contents( $css_file );
39 | 
40 | 		if ( preg_match_all( $regex_url, $css_file_contents, $fonts ) ) {
41 | 			$fonts = $fonts[0];
42 | 
43 | 			foreach ( $fonts as $i => $font ) {
44 | 				$font = rtrim( $font, ")" );
45 | 
46 | 				$font_file = explode( "/", $font );
47 | 				$font_file = array_pop( $font_file );
48 | 
49 | 				// download font
50 | 				$ch = curl_init();
51 | 				$fp = fopen ( "fonts/{$font_file}", 'w+' );
52 | 				$ch = curl_init( $font );
53 | 				curl_setopt( $ch, CURLOPT_TIMEOUT, 50 );
54 | 				curl_setopt( $ch, CURLOPT_FILE, $fp );
55 | 				curl_setopt( $ch, CURLOPT_FOLLOWLOCATION, 1 );
56 | 				curl_exec( $ch );
57 | 				curl_close( $ch );
58 | 				fclose( $fp );				
59 | 
60 | 				// replace string
61 | 				$css_file_contents = str_replace( $font, "../fonts/{$font_file}", $css_file_contents );
62 | 			}
63 | 
64 | 			$fh = fopen ( $css_file, 'w+' );
65 | 			fwrite( $fh, $css_file_contents );
66 | 			fclose( $fh );
67 | 
68 | 			$msg = "Done!";
69 | 		}
70 | 	}
71 | }
72 | 
73 | // recursive delete files/directories in a directory
74 | // http://php.net/manual/en/function.rmdir.php
75 | function delTree( $dir ) { 
76 | 	$files = array_diff( scandir( $dir ), array( '.', '..' ) ); 
77 | 	foreach ( $files as $file ) { 
78 | 		( is_dir( "$dir/$file" ) && !is_link( $dir ) ) ? delTree( "$dir/$file" ) : unlink( "$dir/$file" ); 
79 | 	} 
80 | 
81 | 	return rmdir($dir); 
82 | }
83 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * PHP script for downloading remote fonts in CSS files generated by Google Fonts.
 4 |  *
 5 |  * @package     Google Fonts Downloader
 6 |  * @version     1.0.0
 7 |  * @author      Edi Amin <to.ediamin@gmail.com>
 8 |  * @license     http://opensource.org/licenses/gpl-2.0.php GPL v2 or later
 9 |  * @link        https://github.com/ediamin/google-fonts-downloader
10 |  */
11 | 
12 | require_once 'downloader.php';
13 | ?>
14 | <!DOCTYPE html>
15 | <html lang="en">
16 | <head>
17 | 	<meta charset="UTF-8">
18 | 	<title>Google Web Fonts Downloader</title>
19 | 	<style>
20 | 		html {
21 | 			font-family: sans-serif;
22 | 			-webkit-text-size-adjust: 100%;
23 | 			-ms-text-size-adjust:     100%;
24 | 		}
25 | 
26 | 		body {
27 | 			margin: 0;
28 | 		}
29 | 
30 | 		.container {
31 | 			width: 800px;
32 | 			margin: 20px auto 0;
33 | 		}
34 | 
35 | 		input {
36 | 			border: 1px solid #AEAEAE;
37 | 			-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
38 | 			box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
39 | 			background-color: #fff;
40 | 			color: #333;
41 | 			outline: 0;
42 | 			-webkit-transition: .05s border-color ease-in-out;
43 | 			transition: .05s border-color ease-in-out;
44 | 			padding: 3px 8px;
45 | 			font-size: 16px;
46 | 			line-height: 100%;
47 | 			height: 1.7em;
48 | 			width: 100%;
49 | 			outline: 0;
50 | 			margin: 0;
51 | 			background-color: #fff;
52 | 		}
53 | 
54 | 		button {
55 | 			display: inline-block;
56 | 			text-decoration: none;
57 | 			font-size: 13px;
58 | 			line-height: 26px;
59 | 			height: 28px;
60 | 			margin: 0;
61 | 			padding: 0 10px 1px;
62 | 			cursor: pointer;
63 | 			border-width: 1px;
64 | 			border-style: solid;
65 | 			-webkit-appearance: none;
66 | 			-webkit-border-radius: 3px;
67 | 			border-radius: 3px;
68 | 			white-space: nowrap;
69 | 			-webkit-box-sizing: border-box;
70 | 			-moz-box-sizing: border-box;
71 | 			box-sizing: border-box;
72 | 			border-color: #ccc;
73 | 			-webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,.08);
74 | 			box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,.08);
75 | 			vertical-align: top;
76 | 			background: #fafafa;
77 | 			color: #222;
78 | 		}
79 | 		
80 | 	</style>
81 | </head>
82 | 
83 | <body>
84 | 	<div class="container">
85 | 		<?php if ( !empty( $msg ) ): ?>
86 | 		<p>Done!</p>
87 | 		<?php endif; ?>
88 | 		<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
89 | 			<input type="text" name="link" value="<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>">
90 | 			<p><button type="submit">Download</button></p>
91 | 		</form>
92 | 	</div>
93 | </body>
94 | </html>


--------------------------------------------------------------------------------